js逆向-2-chrome开发者工具

你真的认识浏览器吗？

DevTool官方文档：

Chrome DevTools  |  Chrome for Developers使用 Chrome 开发者工具调试和优化 Web 应用。https://developers.google.cn/web/tools/chrome-devtools/

打开chrome开发者工具

有一些网站会禁用右键检查和键盘事件，但是我们有很多方法可以打开开发者工具，如下：

1. 在chrome菜单中选择 更多工具>开发者工具。
2. 在也买你元素上右键点击，选择”检查“。
3. 使用快捷点Ctrl+Shift+I (Windows) 或 Cmd+Opt+I (Mac)
4. (Fn)+F12

第一项 元素面板

使用元素面板可以自由的操作DOM和CSS来迭代布局和设计页面.参考文档如下:

检查和调整页面https://developers.google.cn/web/tools/chrome-devtools/inspect-styles编辑样式https://developer.chrome.com/docs/devtools/编辑DOM