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 部署到页面