快捷指令（Workflow）：教你在iPhone上一鍵下載網頁上所有的圖片

前言

本篇筆者會給大家帶來，如何利用快捷指令（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）；

總結

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