分类

编程工具

UC浏览器开发者工具

UC浏览器开发者工具 0.4.1 官方版

大小:57.5 MB

语言:简体中文系统:WinXP, Win7, Win8, Win10, WinAll

类别:编程工具时间:2020-03-19

  UC浏览器开发者工具可以帮助用户在软件快速调试自己开发的项目,连接到远程的设备就可以开始调试,对于需要在浏览器开发新内容的朋友很适合,这款软件支持TCP调试,将调试的目标输入到软件就可以实现远程调试,也可以使用默认 Devtools Inspector资源、本地 Devtools Inspector资源、自定义 Devtools Inspector资源进行调试,官方提供了详细的开发调试介绍,如果你正在开发UC浏览器项目就可以下载这款软件进行调试!

UC浏览器开发者工具

软件功能

  UC 浏览器开发者版本

  开发者版本 (Developer Edition) 支持 DevTools Protocol,它允许开发者使用任何兼容该协议的客户端(如 Chrome 开发者工具)进行远程调试。最新版基于 Chromium 57 构建,对 PWA 、ES2015+ 等新特性支持良好。

UC浏览器开发者工具

  良好支持 PWA 新特性

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

UC浏览器开发者工具

  UC 浏览器开发者工具

  开发者工具(Developer Tool)支持DevTools Protocol,它允许开发者不再需要依赖其他工具进行调试。最低的内核版本要求为U4/2.0。

UC浏览器开发者工具

软件特色

  网络/连接

  网络信息API使Web应用程序可以访问设备的基础连接信息。

  虚拟视口缩小

  用户输入

  捏缩放将相对于position:fixed元素合理地表现。位置:在缩放过程中,固定元素不再附着在可视视口上。

  缓存API

  离线/存储

  缓存API允许作者完全方便地管理其内容缓存以供脱机使用。一个原点可以具有多个名为Cache的对象,可以通过worker和文档脚本进行访问。

  内容安全策略级别2

  安全

  内容安全策略规范的演变,允许开发人员创建受信任内容来源的白名单,并指示浏览器仅执行或呈现来自那些来源的资源。

  ServiceWorkers(以前称为Navigation Controllers)是一个新系统,提供独立于网页运行的事件驱动脚本。它们与SharedWorkers相似,区别在于它们的生存时间不同,并且可以访问域范围的事件,例如网络提取。

  用例:脱机,减少感知的页面加载延迟,最终将增强通知/推送/同步/ ...用例。

  WebAudio:PannerNode默认行为

  多媒体

  HRTF panner为响应使用大量内存,并且需要大量处理才能实现。对于低端移动设备,这可能是一个问题。由于默认的Panner模型是HRTF,因此Panner的创建会导致加载响应。

安装方法

  1、打开uc-devtools.msi直接安装,点击下一步开始安装

UC浏览器开发者工具

  2、设置软件的安装地址C:\Program Files (x86)\uc-devtools-0.4.1\

UC浏览器开发者工具

  3、软件的安装准备界面,点击下一步

UC浏览器开发者工具

  4、提示安装进度,等等软件安装结束

UC浏览器开发者工具

  5、uc-devtools.msi已经安装完毕,进入安装地址找到主程序就可以直接打开

UC浏览器开发者工具

使用说明

  1、UC浏览器开发者工具界面如图所示,你需要连接设备才能使用

UC浏览器开发者工具

  2、软件的设置功能,可以在这里选择需要使用的UI资源,可以自定义开发资源

UC浏览器开发者工具

  3、TCP调试的功能,在软件界面输入设备端口就可以开始调试

UC浏览器开发者工具

  4、小编不会使用UC浏览器开发者工具所以就不介绍了,你可以到官方查看详细介绍

UC浏览器开发者工具

官方教程

  Add to Homescreen

  Overview

  允许将站点添加至主屏幕,是 PWA 提供的一项重要功能。用户在浏览器访问页面的时候,浏览器会在合适的时机弹出添加到桌面的 banner,经用户同意后将当前页面所在的站点添加到用户的手机桌面,并生成桌面图标。

UC浏览器开发者工具

  基本条件

  站点是 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 为例:

UC浏览器开发者工具

  其中:

  name

  为应用程序提供一个人类可读的名称,例如在其他应用程序的列表中或作为图标的标签显示给用户。

  short_name

  为应用程序提供简短易读的名称。 这是为了在没有足够空间显示Web应用程序的全名时使用。

  display

  为Web应用程序定义开发人员首选的显示模式。可以是 fullscreen,standalone,browser 等

  通过 link 标签把 manifest 部署到页面

UC浏览器开发者工具

∨ 展开

网友评论

我要跟帖
取消
所有评论 共 0