1.
chrome://about/
chrome://net-internals
chrome://blob-internals/
chrome://version/
chrome://chrome-urls/
chrome://flags/#unsafely-treat-insecure-origin-as-secure
2.查看源代码快捷键Ctrl+u
view-source:willless.com
3.查看渲染后的代码
document.documentElement.innerText
4.自动显示当前页面元素的属性(ctrl+shift+c)
5.全屏截图
开发者工具(F12)—->浏览器命令行界面(Ctrl + Shift + P)—->搜索[Capture full size screenshot]—->点击后会自动生成截图并保存
6.页面dom节点截图
开发者工具(F12)—->Elements—->鼠标移动到需要截图的dom节点上—-浏览器命令行界面(Ctrl + Shift + P)—->搜索[Capture node screenshot]—->点击后会自动生成截图并保存
7.浏览器中截图菜单的位置
开发者工具(F12)—->设备模拟界面(Ctrl + Shift + M)—->模拟界面顶部右上方有个菜单(图标为三个点)
需要pc模式的截图按钮,只需要把设备选择为Responsive
8.显示欢迎页面,chrome和firefox相同
about:welcome
9.开发工具教程
JavaScript内存管理和优化:https://www.imooc.com/article/13489
10.离线下载
https://www.google.cn/chrome/?standalone=1
插件开发
1.pupup.js中console.log不会显示,但是alert会显示
https://developer.chrome.com/docs/extensions/
https://github.com/GoogleChrome/chrome-extensions-samples