html页面怎么打断点
时间: 2024-05-16 17:19:11 浏览: 11
在HTML页面上打断点有几种方式可以实现。首先,你可以在浏览器的开发者工具中直接找到源码位置,然后在对应位置添加断点。如果是正常的HTML页面,源码一般是在对应域名下面。如果是使用webpack处理的页面,并且开启了源码映射,源码就在webpack://下面。你可以通过快捷键"Ctrl + O"打开搜索框,然后输入文件名来搜索源码。找到源码位置后,你可以在对应位置右击鼠标,选择"Add Breakpoint"来添加断点。
另一种方式是使用console.log输出语句进行调试。当你在浏览器的控制台输出行右侧点击链接时,可以跳转至相应的源码位置。不过个人认为,如果你已经能在编辑器中找到源码,直接使用开发者工具添加断点会更方便。
总结起来,打断点的方式有两种:一种是直接在开发者工具中找到源码位置并添加断点,另一种是使用console.log输出语句并点击对应链接跳转到源码位置。这样可以方便地在HTML页面上进行调试和定位问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [前端断点及使用](https://blog.csdn.net/qq_53152029/article/details/126656345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)