浏览器家园

TAG标签|网站导航| 手机访问:m.liulanqi.com

当前位置:首页360浏览器 → 360极速浏览器开发:调试指南

360极速浏览器开发:调试指南

时间:2023-06-27 10:48:31来源:整理作者:浏览器知识手机版

调试

这个指南会向您介绍如何使用Chromium的内建开发工具进行应用(扩展)调试。

查看应用(扩展)信息

1.加载Hello World应用(扩展)。如果这个应用(扩展)正在运行中,你将在浏览器右边的地址栏上看到Hello World的图标。
如果这个应用(扩展)并未运行,你可以找到应用(扩展)文件,并且加载它们。如果你没有应用(扩展)文件,可以在这里下载它的zip文件,然后按创建扩展范例的方法加载它。

2.前往扩展页,地址 chrome://extensions,确认这个页面在开发者模式下。

3.查看Hello World应用(扩展)的信息,你能看到应用(扩展)的名称、描述、应用(扩展)ID。

观察popup页面

1.前往扩展页,地址 chrome://extensions,确认这个页面在开发者模式下,扩展页并不需要被打开,只要浏览器记住了这个设置即可。

2.右键点击Hello World 图标 ,然后选择“审查弹出内容”菜单项,popup.html将会被显示在开发工具窗口中。

3.如果脚本按钮没有被选中了,点击它。

4.点击控制台按钮 ,(在开发者窗口的左下角,第二个按钮就是)这样你可以即看到代码,又看到控制台。

使用调试器

1.搜索”img.src”,然后在这个位置设置断点,只要在行号上单击即可设置。(比如:37行)。

2.确认你能看到popup.html标签,它将显示20个“hello world”图片。

3.在控制台上,重新加载这个页面。命令:location.reload(true);

> location.reload(true)

4.在工具窗口的右上方,你能看到局部变量。在这个例子中,它会显示出所有当前范围所见的变量。例如:在下面的屏幕截图上,变量i=0,photos则列出了一部分的Element列表。实际上,它包含了20个元素,每个代表一个图片。

5.点击play/pause按钮 (在开发者工具窗口的上右方)做一次图像处理循环,每次你点击这个按钮,i会加1,popup页面会显示更多另外的图标,当i是10的时候,popup页看起来像如下图所示:

6.点击play/pause按钮后面的的按钮,可以步进到函数调用的上层,为了让页面完成加载,点击之前的第37行,禁用之前设置的断点,接着按下play/pause按钮继续执行。

总结

这个指南示范了简单的应用(扩展)调试,总结一下:

1.在扩展管理页面上(chrome://extensions),找到应用(扩展)ID;

2.查看应用(扩展)中的文件,使用类似这样的格式访问 chrome-extension://extensionId/filename

3.使用开发者工具设置脚本断点,单步调试,查看变量

4.使用控制台命令 location.reload(true)来重新加载当前的调试页面

相关文章

  • 谷歌浏览器地图,谷歌浏览器地图:探索未知之地

    介绍谷歌浏览器地图作为全球最受欢迎的地图应用之一,被广泛应用于出行、旅游、探险等领域。它不仅可以实现地图导航功能,还能够提供卫星地图、街景地图和实时交通等丰富的地图信息,近几年来在全球范围内都受到了极高的关注和好评。在这篇文章中,我们将带大家一起探索谷歌浏览器地图的未知之地。2.常见功能谷歌浏览器地图不仅提供最基本的地图展示功能,还包括导航、路线规划、交通状况、公交查询等常见功能。用户可以根据自己的需求进行定制化设置,大大提高了出行的效率和便利性。此外,谷歌浏览器地图还支持语音导航、实时路况和离线地图..
  • 默认浏览器哪里找,找默认浏览器重写:50字以内

    默认浏览器怎么找:详解Windows、macOS和移动设备设置1.Windows操作系统设置默认浏览器Windows操作系统将InternetExplorer作为默认浏览器,但可以轻松更改为其他浏览器:Step1:打开“控制面板”,选择“程序”选项。Step2:单击“默认程序”。Step3:在“Web浏览器”下,选择您想要作为默认浏览器的程序。2.macOS操作系统设置默认浏览器类似于Windows,macOS操作系统也使用Safari作为默认浏览器,但同样可以更改:Step1:打开Safari并单击“S..

Copyright 2019-2029 www.liulanqi.com 【浏览器家园】 版权所有

浏览器家园_下载浏览器就到浏览器家园 | 专注MAC浏览器和Windows浏览器下载和使用介绍

声明: 所有软件和文章收集整理来自互联网 如有异议 请与本站联系 本站为非赢利性网站 不接受任何赞助和广告