Google Chrome浏览器网页开发工具操作完整流程如下：
1. 打开Chrome浏览器，点击菜单栏的“开发者工具”（DevTools）。
2. 在开发者工具中，选择“设置”（Preferences）选项卡。
3. 在设置页面中，找到“扩展程序”选项，勾选“启用扩展程序”复选框。
4. 在扩展程序列表中，找到并安装你需要的扩展程序。
5. 安装完扩展程序后，重启Chrome浏览器。
6. 在开发者工具中，点击“附加到进程”按钮，将扩展程序附加到当前运行的浏览器进程中。
7. 在开发者工具中，选择“控制台”（Console）选项卡。
8. 在控制台窗口中，输入你想要调试的代码，然后按回车键执行。
9. 在控制台窗口中，你可以查看变量、函数调用等信息，以及实时观察代码执行过程。
10. 如果你想要在开发者工具中查看更详细的信息，可以点击“查看”（View）选项卡。
11. 在查看选项卡中，你可以选择不同的视图模式，如“源代码”（Sources）、“元素”（Elements）等。
12. 如果你想要在开发者工具中进行调试，可以点击“调试”（Debug）选项卡。
13. 在调试选项卡中，你可以设置断点（Breakpoints），单步执行代码（Step Over/Step Into），查看内存使用情况（Memory）等。
14. 完成调试后，点击“停止”（Stop）按钮，关闭开发者工具。