浏览器

来自康健生活
跳到导航 跳到搜索

返回上一级

浏览器

URL IE 网页设计 svgweb user agent 并行下载 WebView Hybrid contentType 浏览器指纹 无头浏览器 Puppeteer webassembly

浏览器工具

performance 示例 示例
示例 示例 示例
示例 示例 示例

调试

审查元素伪类代码

其他

  • DOMContentLoader
  • Tree Shaking
  • polyfill
  • keep-alive

性能

多WebView模式 原生接管转场动画 下拉刷新 svgweb Tab 分页 并行下载 预载 WebView 引擎优化 开发模式调整

技术应用

Hybrid Client/Server(C/S) JS 编写的需要安装的 App 仅需联网获取 JSON 数据,失去了 HTML5 的动态性
轻应用 Browser/Server(B/S) 在线网页 从服务器加载页面 DOM、样式、逻辑代码,页面加载很
示例 示例

流应用概念

  • Hybrid 应用里的运行于客户端的 JS 代码
  • 先打包发布到服务器,制定流式加载协议
  • 手机端引擎动态下载这些 JS 代码到本地,并且为了第一次加载速度更快,实现了应用的边下载边运行。

渲染

预渲染 阻塞渲染 重绘 优化渲染 CSSOM Navigation Timing API
回流 重排 每秒刷新频率 栅格化 白屏 渲染树
渲染队列 渲染线程 DOM 首屏

关键词

首屏 白屏 绘制
示例 示例 示例
跨域 示例 示例

标题文字

domInteractive DOMContentLoaded IntersectionObserver
示例 示例 示例
示例 示例 示例

追踪

跨浏览器追踪技术

引擎

UIWebView Apple对WebKit的封装 示例
webkit 示例 示例
webkit2 示例 示例
chromium
blink

Puppeteer 无头浏览器
示例 示例
示例 示例

开发框架的迭代

WePY 示例 示例
示例 示例 示例
示例 示例 示例

移动端

电脑联调

电脑联调

err

  • HTTP/1.1 404 Not Found
    需要翻墙安装 devtools 的inspect的 离线开发者调试工具包