整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
XML模板
WXML（WeiXin Markup Language）是小程序框架設計的一套標簽語言，用來構建小程序頁面的結構，其作用類似于網頁開發中的 HTML。
WXML 和 HTML 的區別:
WXSS樣式
WXSS (WeiXin Style Sheets)是一套樣式語言，用于描述 WXML 的組件樣式，類似于網頁開發中的 CSS。
WXSS 和 CSS 的區別:
小程序的宿主環境
宿主環境（host environment）指的是程序運行所必須的依賴環境。例如：
Android 系統和 iOS 系統是兩個不同的宿主環境。安卓版的微信 App 是不能在 iOS 環境下運行的，所以，Android 是安卓軟件的宿主環境，脫離了宿主環境的軟件是沒有任何意義的！
手機微信是小程序的宿主環境，如圖所示：
小程序借助宿主環境提供的能力，可以完成許多普通網頁無法完成的功能，例如：
微信掃碼、微信支付、微信登錄、地理定位、etc…
組件
小程序中的組件也是由宿主環境提供的，開發者可以基于組件快速搭建出漂亮的頁面結構。官方把小程序的組件分為了 9 大類，分別是：
實現如圖的 flex 橫向布局效果：
實現如圖的縱向滾動效果：
實現如圖的輪播圖效果：
屬性 | 類型 | 默認值 | 說明 |
indicator-dots | boolean | false | 是否顯示面板指示點 |
indicator-color | color | rgba(0, 0, 0, .3) | 指示點顏色 |
indicator-active-color | color | #000000 | 當前選中的指示點顏色 |
autoplay | boolean | false | 是否自動切換 |
interval | number | 5000 | 自動切換時間間隔 |
circular | boolean | false | 是否采用銜接滑動 |
通過 text 組件的 selectable 屬性，實現長按選中文本內容的效果：
通過 rich-text 組件的 nodes 屬性節點，把 HTML 字符串渲染為對應的 UI 結構：
image 組件的 mode 屬性用來指定圖片的裁剪和縮放模式，常用的 mode 屬性值如下：
mode 值 | 說明 |
scaleToFill | （默認值）縮放模式，不保持縱橫比縮放圖片，使圖片的寬高完全拉伸至填滿 image 元素 |
aspectFit | 縮放模式，保持縱橫比縮放圖片，使圖片的長邊能完全顯示出來。也就是說，可以完整地將圖片顯示出來。 |
aspectFill | 縮放模式，保持縱橫比縮放圖片，只保證圖片的短邊能完全顯示出來。也就是說，圖片通常只在水平或垂直方向是完整的，另一個方向將會發生截取。 |
widthFix | 縮放模式，寬度不變，高度自動變化，保持原圖寬高比不變 |
heightFix | 縮放模式，高度不變，寬度自動變化，保持原圖寬高比不變 |
API
小程序 API 概述
小程序中的 API 是由宿主環境提供的，通過這些豐富的小程序 API，開發者可以方便的調用微信提供的能力，例如：獲取用戶信息、本地存儲、支付功能等。
小程序 API 的 3 大分類
小程序官方把 API 分為了如下 3 大類：
WXML 模板語法
數據綁定
在頁面對應的 .js 文件中，把數據定義到 data 對象中即可：
把data中的數據綁定到頁面中渲染，使用 Mustache 語法（雙大括號）將變量包起來即可。語法格式為：
Mustache 語法的主要應用場景如下：
頁面的數據如下：
頁面的結構如下：
頁面的數據如下：
頁面的結構如下：
頁面的數據如下：
頁面的結構如下：
頁面的數據如下：
頁面的結構如下：
事件綁定
事件是渲染層到邏輯層的通訊方式。通過事件可以將用戶在渲染層產生的行為，反饋到邏輯層進行業務的處理。
類型 | 綁定方式 | 事件描述 |
tap | bindtap 或 bind:tap | 手指觸摸后馬上離開，類似于 HTML 中的 click 事件 |
input | bindinput 或 bind:input | 文本框的輸入事件 |
change | bindchange 或 bind:change | 狀態改變時觸發 |
當事件回調觸發的時候，會收到一個事件對象 event，它的詳細屬性如下表所示：
屬性 | 類型 | 說明 |
type | String | 事件類型 |
timeStamp | Integer | 頁面打開到觸發事件所經過的毫秒數 |
target | Object | 觸發事件的組件的一些屬性值集合 |
currentTarget | Object | 當前組件的一些屬性值集合 |
detail | Object | 額外的信息 |
touches | Array | 觸摸事件，當前停留在屏幕中的觸摸點信息的數組 |
changedTouches | Array | 觸摸事件，當前變化的觸摸點信息的數組 |
target 是觸發該事件的源頭組件，而 currentTarget 則是當前事件所綁定的組件。舉例如下：
點擊內部的按鈕時，點擊事件以冒泡的方式向外擴散，也會觸發外層 view 的 tap 事件處理函數。
此時，對于外層的 view 來說：
在小程序中，不存在 HTML 中的 onclick 鼠標點擊事件，而是通過 tap 事件來響應用戶的觸摸行為。
通過調用 this.setData(dataObject) 方法，可以給頁面 data 中的數據重新賦值，示例如下：
小程序中的事件傳參比較特殊，不能在綁定事件的同時為事件處理函數傳遞參數。例如，下面的代碼將不能正常工作：
因為小程序會把 bindtap 的屬性值，統一當作事件名稱來處理，相當于要調用一個名稱為 btnHandler(123) 的事件處理函數。
可以為組件提供 data-* 自定義屬性傳參，其中 * 代表的是參數的名字，示例代碼如下：
最終：
在事件處理函數中，通過 event.target.dataset.參數名 即可獲取到具體參數的值，示例代碼如下：
在小程序中，通過 input 事件來響應文本框的輸入事件，語法格式如下：
實現步驟：
定義數據：
渲染結構：
美化樣式：
綁定 input 事件處理函數：
條件渲染
小程序中，使用 wx:if="{{condition}}" 來判斷是否需要渲染該代碼塊：
也可以用 wx:elif 和 wx:else 來添加 else 判斷：
如果要一次性控制多個組件的展示與隱藏，可以使用一個 標簽將多個組件包裝起來，并在 標簽上使用 wx:if 控制屬性，示例如下：
注意： 并不是一個組件，它只是一個包裹性質的容器，不會在頁面中做任何渲染。
在小程序中，直接使用 hidden="{{ condition }}" 也能控制元素的顯示與隱藏：
列表渲染
通過 wx:for 可以根據指定的數組，循環渲染重復的組件結構，語法示例如下：
默認情況下，當前循環項的索引用 index 表示；當前循環項用 item 表示。
示例代碼如下：
類似于 Vue 列表渲染中的 :key，小程序在實現列表渲染時，也建議為渲染出來的列表項指定唯一的 key 值，從而提高渲染的效率，示例代碼如下：
WXSS模板樣式
介紹
WXSS (WeiXin Style Sheets)是一套樣式語言，用于美化 WXML 的組件樣式，類似于網頁開發中的 CSS。
WXSS 具有 CSS 大部分特性，同時，WXSS 還對 CSS 進行了擴充以及修改，以適應微信小程序的開發。
與 CSS 相比，WXSS 擴展的特性有：
rpx
rpx（responsive pixel）是微信小程序獨有的，用來解決屏適配的尺寸單位。
rpx 的實現原理非常簡單：鑒于不同設備屏幕的大小不同，為了實現屏幕的自動適配，rpx 把所有設備的屏幕，在寬度上等分為 750 份（即：當前屏幕的總寬度為 750rpx）。
小程序在不同設備上運行的時候，會自動把 rpx 的樣式單位換算成對應的像素單位來渲染，從而實現屏幕適配。
在 iPhone6 上，屏幕寬度為375px，共有 750 個物理像素，等分為 750rpx。則：
750rpx = 375px = 750 物理像素
1rpx = 0.5px = 1物理像素
設備 | rpx換算px (屏幕寬度/750) | px換算rpx (750/屏幕寬度) |
iPhone5 | 1rpx = 0.42px | 1px = 2.34rpx |
iPhone6 | 1rpx = 0.5px | 1px = 2rpx |
iPhone6 Plus | 1rpx = 0.552px | 1px = 1.81rpx |
官方建議：開發微信小程序時，設計師可以用 iPhone6 作為視覺稿的標準。
開發舉例：在 iPhone6 上如果要繪制寬100px，高20px的盒子，換算成rpx單位，寬高分別為 200rpx 和 40rpx。
樣式導入
使用 WXSS 提供的 @import 語法，可以導入外聯的樣式表。
@import 后跟需要導入的外聯樣式表的相對路徑，用 ; 表示語句結束。示例如下：
全局樣式和局部樣式
定義在 app.wxss 中的樣式為全局樣式，作用于每一個頁面。
在頁面的 .wxss 文件中定義的樣式為局部樣式，只作用于當前頁面。
注意：
當局部樣式和全局樣式沖突時，根據就近原則，局部樣式會覆蓋全局樣式
當局部樣式的權重大于或等于全局樣式的權重時，才會覆蓋全局的樣式
全局配置
全局配置文件及常用的配置項
小程序根目錄下的 app.json 文件是小程序的全局配置文件。常用的配置項如下：
記錄當前小程序所有頁面的存放路徑
全局設置小程序窗口的外觀
設置小程序底部的 tabBar 效果
是否啟用新版的組件樣式
window
屬性名 | 類型 | 默認值 | 說明 |
navigationBarTitleText | String | 字符串 | 導航欄標題文字內容 |
navigationBarBackgroundColor | HexColor | #000000 | 導航欄背景顏色，如 #000000 |
navigationBarTextStyle | String | white | 導航欄標題顏色，僅支持 black / white |
backgroundColor | HexColor | #ffffff | 窗口的背景色 |
backgroundTextStyle | String | dark | 下拉 loading 的樣式，僅支持 dark / light |
enablePullDownRefresh | Boolean | false | 是否全局開啟下拉刷新 |
onReachBottomDistance | Number | 50 | 頁面上拉觸底事件觸發時距頁面底部距離，單位為px |
設置步驟：app.json -> window -> navigationBarTitleText
需求：把導航欄上的標題，從默認的 “WeChat”修改為“黑馬程序員”，效果如圖所示：
設置步驟：app.json -> window -> navigationBarBackgroundColor
需求：把導航欄標題的背景色，從默認的 #fff 修改為 #2b4b6b ，效果如圖所示：
設置步驟：app.json -> window -> navigationBarTextStyle
需求：把導航欄上的標題顏色，從默認的 black 修改為 white ，效果如圖所示：
注意： navigationBarTextStyle 的可選值只有 black 和 white
概念：下拉刷新是移動端的專有名詞，指的是通過手指在屏幕上的下拉滑動操作，從而重新加載頁面數據的行為。
設置步驟：app.json -> window -> 把 enablePullDownRefresh 的值設置為 true
注意：在 app.json 中啟用下拉刷新功能，會作用于每個小程序頁面！
當全局開啟下拉刷新功能之后，默認的窗口背景為白色。如果自定義下拉刷新窗口背景色，設置步驟為: app.json -> window -> 為 backgroundColor 指定16進制的顏色值 #efefef。效果如下：
當全局開啟下拉刷新功能之后，默認窗口的 loading 樣式為白色，如果要更改 loading 樣式的效果，設置步驟為 app.json -> window -> 為 backgroundTextStyle 指定 dark 值。效果如下：
注意： backgroundTextStyle 的可選值只有 light 和 dark
概念：上拉觸底是移動端的專有名詞，通過手指在屏幕上的上拉滑動操作，從而加載更多數據的行為。
設置步驟： app.json -> window -> 為 onReachBottomDistance 設置新的數值
注意：默認距離為50px，如果沒有特殊需求，建議使用默認值即可。
tabBar
tabBar 是移動端應用常見的頁面效果，用于實現多頁面的快速切換。小程序中通常將其分為：
注意：
tabBar中只能配置最少 2 個、最多 5 個 tab 頁簽
當渲染頂部 tabBar 時，不顯示 icon，只顯示文本
屬性 | 類型 | 必填 | 默認值 | 描述 |
position | String | 否 | bottom | tabBar 的位置，僅支持 bottom/top |
borderStyle | String | 否 | black | tabBar 上邊框的顏色，僅支持 black/white |
color | HexColor | 否 | tab 上文字的默認（未選中）顏色 | |
selectedColor | HexColor | 否 | tab 上的文字選中時的顏色 | |
backgroundColor | HexColor | 否 | tabBar 的背景色 | |
list | Array | 是 | tab 頁簽的列表， 最少 2 個、最多 5 個 tab |
屬性 | 類型 | 必填 | 描述 |
pagePath | String | 是 | 頁面路徑，頁面必須在 pages 中預先定義 |
text | String | 是 | tab 上顯示的文字 |
iconPath | String | 否 | 未選中時的圖標路徑；當 postion 為 top 時，不顯示 icon |
selectedIconPath | String | 否 | 選中時的圖標路徑；當 postion 為 top 時，不顯示 icon |
頁面配置
小程序中，每個頁面都有自己的 .json 配置文件，用來對當前頁面的窗口外觀、頁面效果等進行配置。
小程序中，app.json 中的 window 節點，可以全局配置小程序中每個頁面的窗口表現。
如果某些小程序頁面想要擁有特殊的窗口表現，此時，“頁面級別的 .json 配置文件”就可以實現這種需求。
注意：當頁面配置與全局配置沖突時，根據就近原則，最終的效果以頁面配置為準。
屬性 | 類型 | 默認值 | 描述 |
navigationBarBackgroundColor | HexColor | #000000 | 當前頁面導航欄背景顏色，如 #000000 |
navigationBarTextStyle | String | white | 當前頁面導航欄標題顏色，僅支持 black / white |
navigationBarTitleText | String | 當前頁面導航欄標題文字內容 | |
backgroundColor | HexColor | #ffffff | 當前頁面窗口的背景色 |
backgroundTextStyle | String | dark | 當前頁面下拉 loading 的樣式，僅支持 dark / light |
enablePullDownRefresh | Boolean | false | 是否為當前頁面開啟下拉刷新的效果 |
onReachBottomDistance | Number | 50 | 頁面上拉觸底事件觸發時距頁面底部距離，單位為 px |
網絡數據請求
出于安全性方面的考慮，小程序官方對數據接口的請求做出了如下兩個限制：
需求描述：假設在自己的微信小程序中，希望請求 https://www.escook.cn/ 域名下的接口
配置步驟：登錄微信小程序管理后臺 -> 開發 -> 開發設置 -> 服務器域名 -> 修改 request 合法域名
注意事項：
調用微信小程序提供的 wx.request() 方法，可以發起 GET 數據請求，示例代碼如下
調用微信小程序提供的 wx.request() 方法，可以發起 POST 數據請求，示例代碼如下：
在很多情況下，我們需要在頁面剛加載的時候，自動請求一些初始化的數據。此時需要在頁面的 onLoad 事件中調用獲取數據的函數，示例代碼如下：
如果后端程序員僅僅提供了 http 協議的接口、暫時沒有提供 https 協議的接口。
此時為了不耽誤開發的進度，我們可以在微信開發者工具中，臨時開啟「開發環境不校驗請求域名、TLS 版本及 HTTPS 證書」選項，跳過 request 合法域名的校驗。
注意：
跳過 request 合法域名校驗的選項，僅限在開發與調試階段使用！
跨域問題只存在于基于瀏覽器的 Web 開發中。由于小程序的宿主環境不是瀏覽器，而是微信客戶端，所以小程序中不存在跨域的問題。
Ajax 技術的核心是依賴于瀏覽器中的 XMLHttpRequest 這個對象，由于小程序的宿主環境是微信客戶端，所以小程序中不能叫做“發起 Ajax 請求”，而是叫做“發起網絡數據請求”。
視頻講解到黑馬程序員哦~
單賺傭金，這種兼職廣告，大家并不陌生。一部手機、動動手指，足不出戶就能輕松賺錢。“工資當日結算秒到賬”等廣告字眼，讓不少人動了心，為什么明知刷單是詐騙還要參與？為什么被騙了還要繼續刷單？
警方提醒：不要抱有僥幸心理，警惕詐騙陷阱！
典型案例
01
刷單嘗到甜頭，步步深入陷阱
2021年5月15日，80后男子通過直播點贊賺紅包，關注了一個名為村亮商貿的微信公眾號，該男子向客服提供了自己的名字、年齡和地址、支付寶收款碼等信息，之后在客服的指導下，男子下載了一個App，添加了該App客服的賬號，該客服向男子發放任務，一開始只是點贊做任務，完成之后會有傭金，起初男子賺了20元傭金，到后來該客服又讓男子下載了另一款App做搶單刷單的任務，在客服的指導下，男子開始進行刷單，最初的時候賺了80多元，正當男子想要提現時卻發現要滿300元以上才能提現，客服告訴男子想要提現就必須繼續刷單，該男子遂向對方提供的賬戶總共進行了十次轉賬，從最初的300元、3000元到后面的30000元50000元，轉出的數額越來越大男子卻沒有絲毫懷疑自己已經落入騙子的刷單陷阱，總共損失共計229300元。
02
明知是陷阱仍以身犯險
5月22日，家住大箕鋪的17歲女生吳某因為刷單被騙了近四千余元，令人意想不到的是，該女生明知是陷阱仍以身犯險。5月22日一大早，吳某在網上看到一條刷單賺錢的信息，通過該信息吳某很快聯系上了對方，在填寫了一份《在線申請入職登記表》后對方開始給吳某派單，第一單是要求吳某在某購物平臺上購買一件價值83元的衣服，同時對方向吳某提供了一個微信收款碼，讓吳某直接掃描該二維碼付款，付款成功后吳某收到了7元的傭金獎勵，吳某看到真的有錢可賺于是繼續完成對方下發的“任務”，金額從300元、1200元、2400元直到4800元，到了4800元的時候對方仍表示吳某沒有完成刷單任務不能結算，吳某覺得自己被騙了遂報警。事后吳某表示：“在轉賬1200元的時候我就意識到自己被騙了，但我又覺得或許真的能賺大錢呢。”抱有僥幸心理讓吳某最終損失數千元。
03
加大投入，發覺被騙已為時晚矣
3月31日，大冶羅橋街道的韓女士遭遇了一場刷單騙局，當天晚上7點多鐘的時候正在刷手機的韓女士突然被人拉進了一個刷單兼職賺外快的微信群，韓女士本對這些不感興趣，當她看到群里有人說自己刷單賺了錢時有些心動了，通過掃描群里發送的二維碼韓女士進入了一個聊天界面，對方自稱接待人員，韓女士選了一個36元的單便開始了任務，首先向對方發過來的支付寶收款碼轉賬了36元，對方發來一個鏈接，韓女士點開后里面顯示“押骰子比大小”，按照對方所說的押了36元后韓女士成功提現了71元，以同樣的方式韓女士陸續獲得了105元、1000元的傭金。韓女士看到回報越來越大也越來越放開膽子來，按照對方所說的分別充值了5000元、25000元、12000元、20000元，可是對方始終辯稱韓女士沒有達到要求要繼續充值，韓女士將此事告知了自己的丈夫，丈夫一聽意識到被騙了趕緊報警，僅僅一晚上韓女士被騙金額共計62000元。
所有刷單都是詐騙！
不要有“輕輕松松松賺大錢”的心理！
不要有任何僥幸心理！
更不要輕易向陌生賬戶匯款！
如不幸被騙，請保存好聊天記錄和轉賬記錄，及時報警！
來源： 平安黃石
iOS 15/iPadOS 15 之后，移動端的 Safari 有了對擴展插件的全面支持，在各種插件的輔助之下，移動端 Safari 變得更加全面，體驗也愈發接近桌面端，這對那些希望用 iPad 替代筆記本作為生產力工具的群體而言，是個極大的升級點。
如今新系統也已正式推出，Safari 插件的數量也增至一個較為可觀的水平，是時候為大家推薦一些好用的插件了，下文我以 iPad 上的 Safari 為例給各位進行演示。
首先，iPad Safari 的擴展插件與桌面端的 Safari 插件不同，它其實是個 app，Safari 插件功能是在它原生 app 派生出的一部分功能。
因此我們要到 App Store 去下載 app，然后在 Safari 當中開啟相關拓展插件功能。
蘋果為這類 Safari 擴展插件設立了推薦專區，在「系統設置-Safari-擴展-更多擴展」中可以看到整個專區頁面。
地區不同，推薦的插件內容也有所不同。
1. Momentum
這是一個啟動頁美化工具，設置啟用之后，每次打開新的標簽頁時都會展示一張好看的圖片作為背景，還會顯示當前時間，還能設立 To Do 任務和常用網頁。
免費版本會為用戶每天更新一張背景圖，如果想用自己相冊里的圖片則需要升級成付費版本。
2. AdBlock
官方放出的免費插件排行榜中，粗略算算至少有 4 成是廣告攔截插件，AdBlock 作為此類工具中的老面孔，我自然也把它作為首選。
需要注意的是，此類插件一律被歸為內容攔截器，開啟的方式與其他插件有所不同，在域名欄左側「大小/Aa 按鍵」中調用 ，點擊該鍵就能看到內容攔截器的開關。
之所以叫內容攔截器，是因為它們攔截的不光是廣告，還可以把違規網站、跟蹤程序、評論等惱人的內容攔下來，還用戶一個干凈純粹的頁面。
實際效果中規中矩，它可以攔下部分 Banner 類廣告，還有流媒體上的貼片廣告，但偶爾還是會出現一些漏網之魚。
3. Apollo for Reddit
這是個 Reddit 論壇的第三方 app，作用類似于第三方微博客戶端，它們針對 Safari 開發的插件名叫 Open in Apollo，顧名思義，當它偵測到你在 Safari 瀏覽器上打開 Reddit 頁面時，會自動跳轉至 Apollo app 界面，作用簡單粗暴。
4. 1Password
它也算是老牌密碼儲存器了，它所做的 Safari 擴展插件的功能，也就是為網站自動生成或填充對應平臺賬號的密碼。
若你更常用蘋果自帶的密鑰卡包，那還能省下安裝 Safari 插件的步驟，可以自動識別和填充密碼。
5. Firefox Focus
這是火狐開發的一個無痕瀏覽器，它的 Safari 插件也被歸為內容攔截器，但它并不攔截廣告，而是截下廣告跟蹤，讓廣告商沒辦法通過你點擊了哪些頁面來分析你的喜好和習慣。可以配合上面的 AdBlock 一同使用。
6. Turn Off the Lights for Safari
有了這個插件，可以在大部分視頻網站上，把除視頻窗口的一切內容低亮化，類似于流媒體網站上常見的關燈模式。
7. StartPage.ai
我們在網上沖著浪，不自覺發現自己已經打開了數十個頁面，在桌面端要關閉多個頁面，有鍵鼠的幫助也還算簡單，但在移動端可就沒那么方便了。
StartPage.ai 所做的，就是打開一個新的標簽頁，該頁展示的是當前所有頁面，有哪些網站一目了然，關閉頁面的按鍵也足夠大，方便手指點摁。不過它與前面推薦的 Momentum 插件同屬啟動頁工具，二者只能選其一。
8. DForce
Safari 本身支持系統原生的夜間模式，功能欄會根據系統改變淺色或深色背景，但網頁具體頁面并不會隨之改變，DForce 所做的，就是讓頁面內容也變成深色，暗光下閱讀的時候多少能起到護眼的效果。
▲ 插件啟用前后對比
它提供了免費版本，個人覺得基本夠用，付費版只是多了些自定義選項。
9. Keyword Search
這個軟件就為解決一件事，Safari 地址欄進行特定網站的快速搜索。
聽起來還是有點復雜，我舉個例子你很快就明白了，譬如我想在愛范兒搜索某篇文章，基本操作是在地址欄輸入「ifanr.com」，然后進入愛范兒網頁里點擊搜索，輸入關鍵詞按回車，最終才會跳轉至結果頁面。
但有了 Keyword Search，我們可以提前設置好關鍵字，譬如用「i」設置為愛范兒站內搜索指令的快捷詞，后面接上我們想要搜索的關鍵詞，按下回車即可。
若你正在學習日語，或者你經常逛一些日文網站，那不讓試試這款插件。它的功能類似于 Mate，只不過它專攻日語翻譯。
另外，該插件開發者為用戶預設好了數個常用網站的捷徑，當你安裝好這個插件后，不妨輸入「y Rick Astley」試試。
10. Mate
它本身是個翻譯 app，所以在 Safari 上也是充當翻譯插件的角色存在，不過用戶只能選取字段進行翻譯，并不能把一鍵翻譯整個頁面的內容，看著跟其 198 元的售價不太相符。
不過這一需求，可以用系統自帶的翻譯功能滿足，當我們瀏覽全外文網站時，地址欄左邊會出現翻譯按鍵，按一下就能把整個頁面轉換成中文，雖然準確度差強人意，不過可以起到輔助理解的作用，聊勝于無。
11. 10tenJapanese
若你正在學習日語，或者你經常逛一些日文網站，那不讓試試這款插件。它的功能類似于 Mate，只不過它專攻日語翻譯。
啟用該插件后，頁面會出現一個光標，長按并拖動至日文字上，就會實時顯示出它的英文釋義，確實它也有局限性，看來以后學日語之前，還得先學好英文。
12. JSBox
移動端的 Safari 本身沒有自帶檢查器，JSBox 插件的出現彌補了這一缺陷。不過代碼呈現的形式不太友好，點開就把整個頁面擋住了。
用戶在這上面還可以設立一些 Javascript 腳本，執行一些簡單的功能是沒有問題的。
13. Notebook
有了這個插件，用戶可以不離開 Safari 網頁，直接開始筆記，支持 Apple Pencil，還有頁面截圖功能，之后在 app 里進行更細致的劃重點、圈段落等細致操作，也很不錯，算是原生備忘錄的一個補充。
14. 網頁二維碼生成
它能將當前瀏覽的頁面生成二維碼，方便你把它分享出去。
還可以輔助線下宣傳，譬如大學社團可以通過它，把賽事活動的報名頁面做成二維碼，放在線下報名海報上。
目前看來，移動端 Safari 的插件生態處于數量尚可，質量參差的狀態，如果你奔著某種特定功能上 App Store 去搜索的話，大概率會無功而返，只能去插件專區里一個一個點開去找，操作略微繁瑣，整體來看還有較高的上升空間。
不過當你花費一段時間，把 Safari 打造得更符合你的使用習慣后，所得到的正向反饋，也足以把一切辛勞統統抵消，這不正是折騰 app 的樂趣所在嗎？
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
