Chrome 开发者工具中文手册 Chrome DevTools 是公认的优秀的前端调试工具，由于功能强大，所以使用起来有一定的学习门槛，与此同时 Chrome DevTools 暂时没有中文手册，对于不太熟悉英文的同学会比较吃力。 本项目的初衷是为想使用或者正在使用 Chrome DevTools 的同学提供一个中文手册，方便大家学习使用这个优秀的工具，提高前端开发效率和质量！ 翻译流程 第一阶段 先将 的内容按现有的目录结构翻译成中文，其中： 文章正文内容均放在 md 目录下，采用 md 格式。 文章中所用到的图片资源暂时先用现有英文手册的原始链接，后续图片资源会统一托管到 文件命名规则 文件名为 对应文章超链接中 /docs/ 后的部分。所有的空格和 & 用 - 代替。 例如：https://developers.google.com/chrome-developer-tools

安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后使用“加载已解压的扩展程序”进行安装。

vue 开发者使用的chrome浏览器开发查件，在chrome里直接加载即可使用\vue-devtools\shells\chrome

当前页签打开iframe 新标签页打开iframe 新窗口打开iframe 新的隐身窗口打开iframe 复制iframe地址。 支持语言:中文(繁简)、English

添加上下文菜单项以在当前选项卡，新选项卡，新窗口或隐身窗口中打开框架（或iframe）。 它允许您从新标签页，新窗口或新的隐身窗口中的任何网页打开框架或iframe。或者，您可以将URL复制到剪贴板以供以后使用。 支持语言:English

Chrome 适用于Google Chrome开发者协议的Python软件包， 目录 安装 要安装pychrome，只需： $ pip install -U pychrome 或从GitHub： $ pip install -U git+https://github.com/fate0/pychrome.git 或从来源： $ python setup.py install 设定Chrome 只是： $ google-chrome --remote-debugging-port=9222 或无头模式（Chrome版本> = 59）： $ google-chrome --headless --disable-gpu --remote-debugging-port=9222 或使用docker： $ docker pull fate0/headless-chrome $ docker run -it --rm --cap-add=SYS_ADMIN -p9222:9222 fate0/headless-chrome 入门 import pychrome # create a

Chrome DevTools自动保存 · Chrome DevTools可让您编辑CSS和JavaScript。 它甚至允许您保存它。 我认为，为每个文件选择要保存到的文件夹很烦人。 DevTools Autosave会在每次更改时为您保存文件！ 如何安装 Chrome DevTools Autosave由Chrome扩展程序和服务器组成。 该扩展将更改的文件推送到服务器。 服务器解析这些文件的URL，并用新文件覆盖旧文件。 安装 安装 如何使用 $ autosave DevTools Autosave is listening on http://127.0.0.1:9104 在本地打开example / index.html（使用file：//方案）。 编辑一些CSS和JS。 而已。 文件已保存。 它是如何工作的？ Google Chrome浏览器具有，该在您编辑CSS和JavaScript时触发。 chrome.experimental.devtools.inspected[removed].addListener(fu

Chrome 开发者工具使用详细手册 2019年1月最新整理文档，200多页，图文并茂。 谷歌官方文档

＃笔记 以下自述文件可能不完整，我正在为此主题慢慢更改它，但它使用基本自述文件。 扩展和主题正在制作中，尚未完成所有语法。 要使用 - 在您的 chrome://extensions 窗口中启用开发人员选项并加载解压缩的扩展程序，您可以使用 grunt 构建它，并加载它生成的文件。 Seti-UI 开发工具主题 主题和语法高亮显示到使用零基础模板的 Chrome Devtools 的端口。 贡献 零基础主题建立在 LESS 之上。 Grunt 用于监听 LESS 文件的变化并生成 CSS。 这意味着需要 。 入门 克隆这个 repo： git clone git@github.com:WillsonSmith/seti-ui-chrome-dev-tools.git 。 安装依赖项： npm install 。 要使用现有主题： grunt 。 （如果你要处理你自己的主题： gru

Weex Devtools Weex devtools是weex的自定义devtools，它实现了受启发的，旨在帮助您快速检查应用程序并在chrome网页中调试JS包源。 为了使其工作，首先必须安装[weex-devtool]（ ）作为调试服务器。 然后提示chrome页面将为您介绍两个主要的devtools功能Inspector和Debugger ： 检查器检查器可用于显示Element \ Network \ Console log \ Screencast \ BoxModel \ Native View等。 调试器调试器可用于调试您的bundle js源，可以设置Breakpoint \ watch CallStack 。 安装并启动devtools服务器 打开终端，然后输入npm install -g weex-toolkit并运行。启动它只需输入并运行命令weex de