前言

本篇筆者會給大家帶來，如何利用快捷指令（Workflow）在iPhone上一鍵下載網頁上所有的圖片，儲存到手機相簿裡。

教程以頭條官方網站（https://toutiao.com）為例。

開始

• 新建一個指令碼，名稱為“教你一鍵下載網頁上所有的圖片”，更改“圖示”和“顏色”。關閉“在小元件中顯示”，開啟“在共享表單中顯示”。

• 返回編輯介面，開始新增元件。
• 新增“註釋”，輸入指令碼說明和版權說明。
• 新增“在網頁上執行 JavaScript”，在輸入框內輸入如下程式碼。

var result = [];
// 獲取頁面上的所有連結
var elements = document.querySelectorAll("img");
for (let element of elements) {
    result.push({
        "url": element.src
    });
}

// 呼叫 Completion 以完成
completion(result);

• 新增“為每個專案重複”。
• 在“為每個專案重複”下方新增“獲取詞典值”，“獲取”選擇“值”，“鍵”輸入“url”。
• 在“獲取詞典值”下方新增“URL”，“URL”填充為“詞典值”。
• 在“URL”下方新增“獲取 URL 內容”。
• 在“結束重複”下方新增“儲存到相簿”。
• 新增“退出快捷指令”。

教你一鍵下載網頁上所有的圖片

演示

演示動畫

獲取地址

var result = [];
// 獲取頁面上的所有連結
var elements = document.querySelectorAll("img");
for (let element of elements) {
    result.push({
        "url": element.src
    });
}

// 呼叫 Completion 以完成
completion(result);

總結

本人會持續給大家分享好玩的指令碼哦[靈光一閃]。歡迎大家轉發留言收藏[微笑]！謝謝大家哦[害羞]！