UC瀏覽器開發者工具 V0.4.2 最新版

UC瀏覽器開發者工具是一款專為Windows係統用戶打造的UC瀏覽器開發者工具，uc瀏覽器是國內最大的手機瀏覽器軟件，一些程序員朋友可以使用這款發開工具對此進行tcp調試，有需要的朋友趕緊下載吧。

軟件功能

UC 瀏覽器開發者版本

開發者版本 (Developer Edition) 支持 DevTools Protocol，它允許開發者使用任何兼容該協議的客戶端（如 Chrome 開發者工具）進行遠程調試。最新版基於 Chromium 57 構建，對 PWA 、ES2015+ 等新特性支持良好。

良好支持 PWA 新特性

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

UC 瀏覽器開發者工具

開發者工具（Developer Tool）支持DevTools Protocol，它允許開發者不再需要依賴其他工具進行調試。最低的內核版本要求為U4/2.0。

軟件特色

網絡/連接

網絡信息API使Web應用程序可以訪問設備的基礎連接信息。

虛擬視口縮小

用戶輸入

捏縮放將相對於position：fixed元素合理地表現。位置：在縮放過程中，固定元素不再附著在可視視口上。

緩存API

離線/存儲

緩存API允許作者完全方便地管理其內容緩存以供脫機使用。一個原點可以具有多個名為Cache的對象，可以通過worker和文檔腳本進行訪問。

內容安全策略級別2

安全

內容安全策略規範的演變，允許開發人員創建受信任內容來源的白名單，並指示瀏覽器僅執行或呈現來自那些來源的資源。

ServiceWorkers（以前稱為Navigation Controllers）是一個新係統，提供獨立於網頁運行的事件驅動腳本。它們與SharedWorkers相似，區別在於它們的生存時間不同，並且可以訪問域範圍的事件，例如網絡提取。

用例：脫機，減少感知的頁麵加載延遲，最終將增強通知/推送/同步/ ...用例。

WebAudio：PannerNode默認行為

多媒體

HRTF panner為響應使用大量內存，並且需要大量處理才能實現。對於低端移動設備，這可能是一個問題。由於默認的Panner模型是HRTF，因此Panner的創建會導致加載響應。

安裝方法

1、打開uc-devtools.msi直接安裝，點擊下一步開始安裝

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

3、軟件的安裝準備界麵，點擊下一步

4、提示安裝進度，等等軟件安裝結束

5、uc-devtools.msi已經安裝完畢，進入安裝地址找到主程序就可以直接打開

使用說明

1、UC瀏覽器開發者工具界麵如圖所示，你需要連接設備才能使用

2、軟件的設置功能，可以在這裏選擇需要使用的UI資源，可以自定義開發資源

3、TCP調試的功能，在軟件界麵輸入設備端口就可以開始調試

4、小編不會使用UC瀏覽器開發者工具所以就不介紹了，你可以到官方查看詳細介紹

官方教程

Add to Homescreen

Overview

允許將站點添加至主屏幕，是 PWA 提供的一項重要功能。用戶在瀏覽器訪問頁麵的時候，瀏覽器會在合適的時機彈出添加到桌麵的 banner，經用戶同意後將當前頁麵所在的站點添加到用戶的手機桌麵，並生成桌麵圖標。

基本條件

站點是 HTTPS 的

擁有 Web App Manifest 文件

成功注冊了 service woker

用戶對站點的粘度符合一定條件 (瀏覽器可能不定時調整策略)

什麼時候會提示添加到桌麵

在滿足以下標準的情況下，Chrome 會自動展示 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

新建一個 manifest.json 文件，以 AliExpress 為例：

其中：

name

為應用程序提供一個人類可讀的名稱，例如在其他應用程序的列表中或作為圖標的標簽顯示給用戶。

short_name

為應用程序提供簡短易讀的名稱。 這是為了在沒有足夠空間顯示Web應用程序的全名時使用。

display

為Web應用程序定義開發人員首選的顯示模式。可以是 fullscreen,standalone,browser 等

通過 link 標簽把 manifest 部署到頁麵