1、在chrome中打开开发者工具,使用快捷键F12来打开。
2、找到一个叫做“Sources”并点击。
3、可以在左侧侧栏的序号那些位置点击一下就设置成断点,当要执行某个函数的时候浏览器就会自动进入调试模式了。
超文本标记语言(HyperTextMarkupLanguage),缩写为HTML,标准通用标记语言下的一个应用。HTML不是一种编程语言,而是一种标记语言(markuplanguage),是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
工具/原料
chrome浏览器 Mozilla firefox 电脑
方法/步骤
1、以chrome为例,首先打开需要调试的页面,按F12快捷键打开调试工具。
2、选择指定的dom节点进行查看和编辑。
3、js断点调试:chrome非常强大,在chrome调试工具栏中,你可以进行js断点调试以及格式化查看(一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲):我先写一段简单的js代码:function debug(){for (var i=0i<10i++){alert(i)}调试截图如下:
4、js ajax调试,ajax技术如今越来越频繁使用,所以,ajax调试也必不可少:在chrome调试工具中,可以查看到当前页面所以的请求,包括ajax请求,以下是页面打开后所有发起的请求。
在开发中,为什么安卓的HTML下面有按钮,在苹果设备上没了?
下面我介绍如何通过手机调试html~
点击xx.xx.com-index.html 即可调试。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)