chrome 汇总
# chrome 汇总
# chrome 地址栏命令行
以下命令可以直接简写为： about:version
扩展程序 chrome://extensions/
应用 chrome://apps/
chrome 常用 chrome://about/
书签管理 chrome://bookmarks/
版本 chrome://version
设置 chrome://settings
退出 chrome://quit
一键重启 chrome://restart
下载列表 chrome://downloads
历史记录 chrome://history
# chrome 常用插件
- Git Master
主要功能是在网页上展示项目的树形结构和文件代码，支持 GitHub、GitLab、Gitee，Octotree 插件仅仅支持 github
WEB 前端助手(FeHelper) FE 助手：JSON 工具、代码美化、代码压缩、二维码工具、网页定制工具、便签笔记，等等
Dimensions 测量工具
Postman
属于应用，chrome://apps/
- vue-devtools
# 插件下载地址
- 插件迷（chrome 插件下载）
- 极简插件
- 插件网
# 快捷键
Ctrl+Shift+N：（无痕模式）打开新的无痕窗口
Ctrl+T：打开新的标签页
Ctrl+N：打开新的窗口
Ctrl+Shift+T：恢复之前关闭的标签页（可连续恢复）
Ctrl+G F12-source,快速到达指定源码行
# 代码技巧
空白文本页(编辑器)
url 中输入：
data:text/html, <html contenteditable>编辑网页
F12,console 中输入：
javascript:void(document.body.contentEditable='true');获取网页所有图片
F12,console 中输入：
$$('img').map(function(item){return item.src}).join("\r\n")
接下来用 wget 一键下载, wget -i url.txt -P ./zhihu 所有图片都下载到本地目录 zhihu 了。
- 获取网页所有文字
F12,console 中输入：
document.body.innerText或者document.body.innerHTML
# 开发技巧
- 快速查找文件
1、F12 打开你的 Chrome 调试器；
2、按下 Ctrl+P（Mac 上 Cmd + P）;
3、搜索你想打开的文件名即可。
- source 面板，跳到指定行
Ctrl+G F12-source,快速到达指定源码行
- console 面板， 保存日志，勾上 Preserve log
则不会在你每次加载页面时，清空日志。当你想要调查页面关闭前的 bugs 时，可要记住这一选项哦。
- 格式化代码
Chrome 通过其内置的优化器，帮助你提高文件内容的可读性。对于压缩过或者杂乱的代码，尤为适用。
1、F12 打开 Chrome 开发工具；
2、选择你想要阅读的文件；
3、点击文件下方的”{ }”状按钮即可。
- 改变颜色格式
Elments-Styles 中找到 color
在颜色预览中，通过 Shift + 鼠标点击，就可以在 rgba,hsl 和 hexadecimal 三种格式中，来回切换
在 console 中引用当前选定的元素
在 Elements 面板中，选择一个节点，然后输入$0 控制台以引用它：
使用$_引用在控制台执行的前一操作的返回值
截图指定 DOM 元素
选择一个元素，MAC 下按 cmd+shift+p、windows 下按 ctrl+shift+p 来打开命令菜单，然后输入 Capture node screenshot：
- console 控制台换行： 要编写跨越控制台多行的命令，请按 shift+enter