UC瀏覽器開(kāi)發(fā)者工具可以幫助用戶在軟件快速調(diào)試自己開(kāi)發(fā)的項(xiàng)目，連接到遠(yuǎn)程的設(shè)備就可以開(kāi)始調(diào)試，對(duì)于需要在瀏覽器開(kāi)發(fā)新內(nèi)容的朋友很適合，這款軟件支持TCP調(diào)試，將調(diào)試的目標(biāo)輸入到軟件就可以實(shí)現(xiàn)遠(yuǎn)程調(diào)試，也可以使用默認(rèn) Devtools Inspector資源、本地 Devtools Inspector資源、自定義 Devtools Inspector資源進(jìn)行調(diào)試，官方提供了詳細(xì)的開(kāi)發(fā)調(diào)試介紹，如果你正在開(kāi)發(fā)UC瀏覽器項(xiàng)目就可以下載這款軟件進(jìn)行調(diào)試！

軟件功能

　　UC 瀏覽器開(kāi)發(fā)者版本

　　開(kāi)發(fā)者版本 (Developer Edition) 支持 DevTools Protocol，它允許開(kāi)發(fā)者使用任何兼容該協(xié)議的客戶端（如 Chrome 開(kāi)發(fā)者工具）進(jìn)行遠(yuǎn)程調(diào)試。最新版基于 Chromium 57 構(gòu)建，對(duì) PWA 、ES2015+ 等新特性支持良好。

　　良好支持 PWA 新特性

　　開(kāi)發(fā)者版本已良好支持了 ServiceWorker、Web Push、Add to Home screen 等新特性。

　　UC 瀏覽器開(kāi)發(fā)者工具

　　開(kāi)發(fā)者工具（Developer Tool）支持DevTools Protocol，它允許開(kāi)發(fā)者不再需要依賴其他工具進(jìn)行調(diào)試。最低的內(nèi)核版本要求為U4/2.0。

軟件特色

　　網(wǎng)絡(luò)/連接

　　網(wǎng)絡(luò)信息API使Web應(yīng)用程序可以訪問(wèn)設(shè)備的基礎(chǔ)連接信息。

　　虛擬視口縮小

　　用戶輸入

　　捏縮放將相對(duì)于position：fixed元素合理地表現(xiàn)。位置：在縮放過(guò)程中，固定元素不再附著在可視視口上。

　　緩存API

　　離線/存儲(chǔ)

　　緩存API允許作者完全方便地管理其內(nèi)容緩存以供脫機(jī)使用。一個(gè)原點(diǎn)可以具有多個(gè)名為Cache的對(duì)象，可以通過(guò)worker和文檔腳本進(jìn)行訪問(wèn)。

　　內(nèi)容安全策略級(jí)別2

　　安全

　　內(nèi)容安全策略規(guī)范的演變，允許開(kāi)發(fā)人員創(chuàng)建受信任內(nèi)容來(lái)源的白名單，并指示瀏覽器僅執(zhí)行或呈現(xiàn)來(lái)自那些來(lái)源的資源。

　　ServiceWorkers（以前稱為Navigation Controllers）是一個(gè)新系統(tǒng)，提供獨(dú)立于網(wǎng)頁(yè)運(yùn)行的事件驅(qū)動(dòng)腳本。它們與SharedWorkers相似，區(qū)別在于它們的生存時(shí)間不同，并且可以訪問(wèn)域范圍的事件，例如網(wǎng)絡(luò)提取。

　　用例：脫機(jī)，減少感知的頁(yè)面加載延遲，最終將增強(qiáng)通知/推送/同步/ ...用例。

　　WebAudio：PannerNode默認(rèn)行為

　　多媒體

　　HRTF panner為響應(yīng)使用大量?jī)?nèi)存，并且需要大量處理才能實(shí)現(xiàn)。對(duì)于低端移動(dòng)設(shè)備，這可能是一個(gè)問(wèn)題。由于默認(rèn)的Panner模型是HRTF，因此Panner的創(chuàng)建會(huì)導(dǎo)致加載響應(yīng)。

安裝方法

　　1、打開(kāi)uc-devtools.msi直接安裝，點(diǎn)擊下一步開(kāi)始安裝

　　2、設(shè)置軟件的安裝地址C:\Program Files (x86)\uc-devtools-0.4.1\

　　3、軟件的安裝準(zhǔn)備界面，點(diǎn)擊下一步

　　4、提示安裝進(jìn)度，等等軟件安裝結(jié)束

　　5、uc-devtools.msi已經(jīng)安裝完畢，進(jìn)入安裝地址找到主程序就可以直接打開(kāi)

使用說(shuō)明

　　1、UC瀏覽器開(kāi)發(fā)者工具界面如圖所示，你需要連接設(shè)備才能使用

　　2、軟件的設(shè)置功能，可以在這里選擇需要使用的UI資源，可以自定義開(kāi)發(fā)資源

　　3、TCP調(diào)試的功能，在軟件界面輸入設(shè)備端口就可以開(kāi)始調(diào)試

　　4、小編不會(huì)使用UC瀏覽器開(kāi)發(fā)者工具所以就不介紹了，你可以到官方查看詳細(xì)介紹

官方教程

　　Add to Homescreen

　　Overview

　　允許將站點(diǎn)添加至主屏幕，是 PWA 提供的一項(xiàng)重要功能。用戶在瀏覽器訪問(wèn)頁(yè)面的時(shí)候，瀏覽器會(huì)在合適的時(shí)機(jī)彈出添加到桌面的 banner，經(jīng)用戶同意后將當(dāng)前頁(yè)面所在的站點(diǎn)添加到用戶的手機(jī)桌面，并生成桌面圖標(biāo)。

　　基本條件

　　站點(diǎn)是 HTTPS 的

　　擁有 Web App Manifest 文件

　　成功注冊(cè)了 service woker

　　用戶對(duì)站點(diǎn)的粘度符合一定條件 (瀏覽器可能不定時(shí)調(diào)整策略)

　　什么時(shí)候會(huì)提示添加到桌面

　　在滿足以下標(biāo)準(zhǔn)的情況下，Chrome 會(huì)自動(dòng)展示 app install banner:

　　Has a web app manifest file with:

　　a short_name (used on the home screen)

　　a name (used in the banner)

　　a 192x192 png icon (the icon declarations must include a mime type of image/png)

　　a start_url that loads

　　Has a service worker registered on your site.

　　Is served over HTTPS (a requirement for using service worker).

　　Meets a site engagement heuristic defined by Chrome (this is regularly being changed).

　　UC Browser 跟 Chrome 基本一致，所不同的是策略部分。

　　Web App Manifest

　　新建一個(gè) manifest.json 文件，以 AliExpress 為例：

　　其中：

　　name

　　為應(yīng)用程序提供一個(gè)人類可讀的名稱，例如在其他應(yīng)用程序的列表中或作為圖標(biāo)的標(biāo)簽顯示給用戶。

　　short_name

　　為應(yīng)用程序提供簡(jiǎn)短易讀的名稱。 這是為了在沒(méi)有足夠空間顯示W(wǎng)eb應(yīng)用程序的全名時(shí)使用。

　　display

　　為Web應(yīng)用程序定義開(kāi)發(fā)人員首選的顯示模式。可以是 fullscreen,standalone,browser 等

　　通過(guò) link 標(biāo)簽把 manifest 部署到頁(yè)面