Shortflow

Build once, replay forever.

⚡ Shortflow 讓您在網頁上建立並執行「一連串可重複的操作步驟」，用來自動化點擊元件、輸入文字，以減少日常的網頁重複操作。 透過 Side Panel 操作介面：在 Chrome 側邊欄管理你的 shortcuts。 🔒 您的所有資料和內容都只儲存在您的瀏覽器中，不會被上傳到任何伺服器。 🧩 操作類型 - click：找到元素後點擊 - input：找到元素後輸入文字，或是透過簡單的 Javascript 動態輸入字串 - extract：抓取元素的文字／value／attribute 存成變數，後續步驟可用 {{變數名}} 引用 - request：發送 HTTP 請求（GET / POST / PUT / PATCH / DELETE），URL／headers／body 都可用 {{變數}} 內插；JSON 回應自動 parse 後可用 {{變數.欄位.路徑}} 取值。是否要驗證 2xx 由編輯器中的 Verify 選項決定（預設關閉） - otp：找到元素後輸入 TOTP，用以登入驗證 - refresh：重新整理頁面 - sleep：暫停執行指定秒數後再繼續下一步 - wait：等待指定元素出現或消失 🔤 變數系統 - Global Variables：在側邊欄管理一組全域 key/value，每次執行 shortcut 時自動帶入；key 限英數底線、loop 為保留字 - {{name}} 模板：可寫在 input 文字、input script、任何 action 的 XPath、以及 request 的 URL／headers／body 內；{{loop}} 永遠是當前迴圈次數；JSON 結構可用 {{name.path.to.field}} 一路下鑽 - 覆蓋規則：同名 extract 或 request 在執行期間會蓋掉全域變數，全域值本身不會被改動 ⏱️ 等待與容錯 - Element Wait：每個 action 可設定等待元素出現的秒數（逾時視為失敗） - Optional step：若 step 設為 optional，失敗時會跳過並繼續後續步驟 - Loop：step 可設定 1–999 次重複 - Stop：執行中可隨時點擊卡片或 Stop 按鈕中止，會跳出黃色提示告訴你停在哪一步 🎯 元素選取器（XPath） - Basic：用「Tag + Attribute + Value」組合產生 XPath - Raw XPath：直接貼上／輸入 XPath - Pick from page：在頁面上點選元素，自動產生相對穩定的 XPath - Picker Strategy：可調整 XPath 產生時的屬性優先序（e.g., id／testid／aria-label） 🗂️ 分類與整理 - Categories：建立／刪除／更名分類 - Favorites：自定義並顯示最常使用的 shortcuts 在最上方 - Drag and drop：可拖曳 shortcut, step, action 以重新排序或移動分類 ⌨️ 鍵盤快捷鍵 - 4 個 slot 可綁定到任意 shortcut，按下熱鍵即在當前分頁靜默執行（不展開側欄、不彈通知） - 執行狀態以擴充功能 icon 上的 badge 呈現：執行中 `···`、成功 `✓`（綠）、失敗 `✕`（紅）；2 秒後自動消失 - 實際的按鍵組合請至 `chrome://extensions/shortcuts` 設定（Chrome API 限制最多 4 組全域熱鍵） 💾 匯入 / 匯出 - 備份或分享，包含 shortcuts / categories / picker strategy（OTP 密鑰為了安全隱私則不會進行匯出） - ⚡ Shortflow lets you build and run sequences of repeatable action steps on web pages — automating clicks and text input to cut down daily repetitive browser work. Operated through a Side Panel interface: manage your shortcuts from Chrome's sidebar. 🔒 All your data and content are stored only in your browser and are never uploaded to any server. 🧩 Action Types - click – Locate an element and click it - input – Locate an element, and type text or dynamically input a string using simple Javascript - extract – Read an element's text / value / attribute and store it as a named variable; reference later via {{name}} - request – Send an HTTP request (GET / POST / PUT / PATCH / DELETE) with `{{var}}` substitution in URL, headers, and body. JSON responses are auto-parsed so the next action can drill in via {{name.field.path}}. Status-code verification is opt-in via the Verify toggle in the editor (off by default) - otp – Locate an element and enter a TOTP code for login verification - refresh – Reload the page - sleep – Pause the run for a set number of seconds before continuing - wait – Wait for a specific element to appear or disappear 🔤 Variables - Global Variables – Manage a key/value store from the side panel; values are seeded into every shortcut run. Keys must be \w+; "loop" is reserved - {{name}} templates – Use in input text, input scripts, any action's XPath, or a request action's URL / headers / body. {{loop}} always resolves to the current loop iteration; for JSON-typed values, drill in with {{name.path.to.field}} - Override semantics – An extract or request action with the same name overwrites the global value for that run only; the stored global is unchanged ⏱️ Waiting & Error Tolerance - Element Wait – Each action can be configured with a timeout (in seconds) to wait for an element to appear; exceeding the timeout is treated as a failure - Optional step – If a step is marked as optional, failure is skipped and subsequent steps continue - Loop – Steps can be set to repeat 1–999 times - Stop – Click a running shortcut card or the Stop button anytime to cancel; a yellow toast tells you which step it halted on 🎯 Element Selector (XPath) - Basic – Combine Tag + Attribute + Value to generate an XPath - Raw XPath – Paste or type an XPath expression directly - Pick from page – Click an element on the page to automatically generate a relatively stable XPath - Picker Strategy – Tune the attribute priority used when generating XPaths (e.g., id / testid / aria-label) 🗂️ Organization - Categories – Create, delete, and rename categories - Favorites – Pin and display your most-used shortcuts at the top - Drag and drop – Drag shortcuts, steps, or actions to reorder or move between categories ⌨️ Keyboard Shortcuts - Bind any 4 of your shortcuts to global hotkeys. Triggered runs execute silently in the current tab — no side-panel auto-open, no native notification - Status surfaces on the extension icon: `···` while running, `✓` (green) on success, `✕` (red) on failure; auto-clears after 2s - Set the actual key combos at `chrome://extensions/shortcuts` (Chrome's API caps user-configurable shortcuts at 4) 💾 Import / Export - Backup or share — includes shortcuts, categories, and picker strategy (OTP secrets are stripped for security and privacy)