火狐debug调试js脚本 如何进行html调试和js脚本调试

如何进行html调试和js脚本调试――简介

如今web开发越来越流行,越来越多的人参与到web开发中,在开发过程中难免会出现一系列意想不到的情况,调试,是程序开发必备的过程,web开发调试是在浏览器中进行,各个浏览器都会有相应的调试工具,其中热门的当属谷歌的chrome,和火狐的firebug工具.

如何进行html调试和js脚本调试――工具/原料
chrome浏览器,Mozilla firefox如何进行html调试和js脚本调试――方法/步骤

如何进行html调试和js脚本调试 1、

本人先已chrome为例,首先打开需要调试的页面,按F12快捷键打开调试工具如下:

在调试窗口中,所有的HTML元素都会呈现在调试窗口中


如何进行html调试和js脚本调试 2、

如何选择指定的dom节点进行查看和编辑:


如何进行html调试和js脚本调试 3、

js断点调试:chrome非常强大,在chrome调试工具栏中,你可以进行js断点调试以及格式化查看(一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲):

我先写一段简单的js代码:

function debug(){

for (var i=0;i<10;i++){

火狐debug调试js脚本 如何进行html调试和js脚本调试

alert(i);

}

调试截图如下:

如何进行html调试和js脚本调试_调试js


如何进行html调试和js脚本调试 4、

js ajax调试,ajax技术如今越来越频繁使用,所以,ajax调试也必不可少:

在chrome调试工具中,可以查看到当前页面所以的请求,包括ajax请求,以下是页面打开后所有发起的请求,


如何进行html调试和js脚本调试 5、

chrome很强大,可以查看发送请求的数据,也可以查看返回的结果:


如何进行html调试和js脚本调试 6、

本篇幅简短,无法全部描述,大家可以多去使用,即可领会chorme的强大之处。此文仅仅只做了简单的介绍,望能给刚入门的人一个启蒙。

  

爱华网本文地址 » http://www.aihuau.com/a/8104560103/300946.html

更多阅读

农行网银证书到期如何进行网上更新 农行企业网银证书到期

农行网银证书到期如何进行网上更新——简介若开通农行的网银业务,一般都会办理K宝用于网上安全交易。其证书都有使用期限,若过期则需要进行更新证书。农业网银证书更新有两种方式:自行登录网上银行更新、到农业营业网点更新。农行网

如何进行举报垃圾短信? 怎么举报垃圾短信

如何进行举报垃圾短信?——简介垃圾短信、诈骗短信、促销短信,这些都是我们最不想接收到的,尤其随着315曝光,一种叫做伪基站的发射垃圾短信的设备走进了我们的视线,虽然有关部门在严厉打击这种发送垃圾短信的行为,但是相信很多人还是会经

百度贴吧如何进行妹纸认证? 百度贴吧认证

百度贴吧如何进行妹纸认证?——简介百度贴吧妹纸认证火热开启,想让自己的贴吧ID后面来一个红色的蝴蝶结吗,想让自己的百度贴吧ID更加的与众不同吗?快来百度贴吧进行妹纸认证吧,在接下来的教程中,我将向大家详细介绍一下,如何进行百度贴吧妹

声明:《火狐debug调试js脚本 如何进行html调试和js脚本调试》为网友妄友记分享!如侵犯到您的合法权益请联系我们删除