做完网站别忘调试----网站调试全攻略

攻略

一个站点制作好后,在细节上肯定还有一些值得调节的地方,比如无效链接,Java、Cookie错误等等,所以网站调试是一个不容忽视的环节。只要利用浏览器就可以完成这项工作。

虽然Internet Explorer(简称IE)在浏览器市场中占据着优势性份额,但并不是说它强大到无可挑剔的地步,除了安全隐患问题,在站长进行网站调试时,也暴露出IE的严重不足。其实,很多站长都利用Mozilla这款老牌的Web浏览器来调试自己的网站,它可以快速、高效、即时地找出网页中存在的问题。

为什么Mozilla比IE更适合调试网站

和IE不同的是,Mozilla不但可以用于网页浏览、网页编辑,更为重要的是Mozilla内置了强大的调试工具,能方便、高效地对站点网页进行JavaScript纠错、Cookie管理、源代码查看、DOM 查看和页面信息查询等,这些都是IE不容易做到的。

运用环境:当IE脚本信息太简单时

在网页编写中使用JavaScript是司空见惯的事情了,当JavaScript出现问题时,在IE浏览器中只会弹出一个简单的错误提示对话框,告诉你该网页有错误(图1),出错提示信息过于简单,而且无法进行管理,满足不了调试网页工作的需要。这种情况下,我们就可以利用Mozilla来解决。



错误,就这样被“揪出”

Mozilla内置了“JavaScript控制台”,只要你在网页调试时打开JavaScript控制台,就可以看到被记录下的JavaScript 错误提示信息,方便大家找出错误所在,起到即时修正网页错误的目的。

如何利用Mozilla内置的“JavaScript控制台”来快速定位问题所在?其实非常简单。使用Mozilla 浏览器进行网站调试时,依次点击“工具→Web开发→JavaScript控制台”项目后,弹出“JavaScript控制台”对话框(图2),在列表框中记录着网页的JavaScript出错信息,并且每项错误信息都详细地记录着出错的文件名、JavaScript错误所在行号,以及错误出现时的上下文,这样一来就很容易找出JavaScript出错位置和错误原因。此外,你还可以右键点击错误项目,在弹出的菜单中选择“复制”项目,将JavaScript出错信息复制到剪贴板中,以便保存到其他文件中。



提示:虽然JavaScript控制台功能强大,但也有不足之处,这就是无法将所有的JavaScript出错项目保存到一个文件中,只能逐条手工保存。

严格模式,让网页显示更“顺畅”

网页调试中,除了JavaScript错误信息外,还有一种出错信息,就是“严格的JavaScript警告”信息。虽然这种“JavaScript警告”没有JavaScript错误信息严重,但它也会严重地影响到网页的显示速度,要想让你的网站做得完美,这种JavaScript警告错误也必须剔除。

默认情况下,Mozilla是不记录“严格的JavaScript警告”信息,必须手工激活该功能。在Mozilla浏览器主窗口中,点击“编辑→首选项”后,弹出首选项对话框,切换到“调试”项目栏,选中“显示严格的JavaScript警告信息”选项,最后点击“确定”按钮。这样“JavaScript控制台”就会记录下这些警告信息,方便用户查找JavaScript问题所在,优化你的网页,让它显示得更顺畅。
运用环境:当IE无法管理Cookie时

在Cookie文件中保存着网站和用户的很多机密信息,因此在网站调试工作中,Cookie调试也是一个不可掉以轻心的环节。因为IE提供的Cookie管理或调试功能太弱了。要想管理或调试Cookie只能采取比较笨拙的方法,如在Windows XP系统中,进入到“%USERPROFILE%Cookies”文件夹,手工去查看、编辑或删除Cookie文件所包含的信息,非常不方便。IE唯一可以做的是,一次性地清空所有的Cookie文件(图3)。



不一样的Cookie管理

Mozilla对 Cookie 文件拥有完全的控制权限,这些控制权限包括 对Cookie文件的设置、删除和取消等,你可以方便地使用“Cookie管理器”查看当前所有已经设置的 Cookie,当然也可以有选择地删除Cookie,一切Cookie管理操作非常方便和简单。

在Mozilla浏览器主窗口中,点击“工具→Cookie 管理器→管理已存储的Cookie”项目后,弹出“Cookie 管理器”对话框。要管理已存在的Cookie文件很简单,切换到“已存储Cookies”标签页,在这里就可以查看Cookie文件信息或者删除Cookie。

如果要查看“bbs.cpcw.com”的Cookie信息,只要在列表框中选中该网站的Cookie项目,然后在下面的“关于选取的Cookie的信息”栏中显示出此网站的Cookie信息内容,这样就对网站的Cookie信息内容一清二楚了;要删除该Cookie文件同样简单,选中此Cookie项目,然后点击下面的“删除Cookie”按钮即可;删除全部Cookie,则只需要点击“删除所有Cookie”按钮即可。

提示:Mozilla和IE相比,对网站Cookie的管理更加方便,也同时降低了网站Cookie调试的难度,有效地加强你的网站安全。

运用环境:当记事本无法看清源代码时

如何高效查看源代码可是关系到网站调试效率的一个重要因素。通常,我们会借助于Windows系统中最简单的程序“记事本”。虽然记事本内置于Windows系统中,体积小,资源占用少,易于调用,但功能过于简单。在IE中使用记事本查看网页源代码时,就一个感觉:乱!每次查看网页代码时,头疼不已,网页调试工作效率明显降低,网页中所包含的源代码错误也难以发现。

语法“加亮”,一清二楚

为了改善源代码查看效率,Mozilla内置了带语法加亮的源代码查看器,让站长们很轻松就能看出HTML 文件的总体结构。这样一来,很容易就找出网页源代码中的错误所在,有效地提高了网站调试工作的进度(图4)。



并且Mozilla还支持查看所选部分源代码,这可是源代码查看工作中一个最有效的功能。当网页出现错误时,经验丰富的站长一般都可以判断出是哪些部分出现这些问题,这时就可以充分利用“查看所选部分源代码”功能,缩小源代码排查范围,精确定位错误位置,大大降低了无用功的付出,提高了网站调试工作效率。

此外,Mozilla还提供很多特色功能,如页面信息查看、JavaScript 调试器、DOM 查看器和缓存管理器等,都可以有效提高网站调试的进度,提高工作效率,这些对于网站管理都能起到一定的作用。

时间: 2024-09-30 12:49:22

做完网站别忘调试----网站调试全攻略的相关文章

Xcode 4.1~4.6 + iOS 5、iOS 6免证书(iDP)开发+真机调试+生成IPA全攻略

原创文章,欢迎分享:未经许可,不得转载:版权所有,侵权必究 开发环境使用的是目前为止最新的稳定版软件:Mac OS X Lion 10.7 + Xcode 4.1 目前Xcode 4.2 Preview版也已经发布,据说其修改方法跟4.1非常类似,只改动了一行代码,请参看参考文章的第二篇.本文仍以4.1版本为例. 更新:现在Xcode 4.2正式版和iOS 5均已发布,下面补充上4.2的修改方法.(2011-10-24) 各步骤会标明版本,比如(Xcode4.1请执行)和(Xcode4.2请执行

ASP中DLL的调试环境配置全攻略

现在正在搞三层开发,用ASP和VB6.0,但是现在苦于没有找到合适的方法来调试自己写的DLL文件,效率相当低.我用了几种方法:1.在IIS中选择卸载,然后用VB重新编译,覆盖掉原来的DLL2.在IIS中选择一个你调试的站点,停止,然后编译覆盖,然后启动,再在IE中刷新页面.3.在命令行执行Regsvr32.exe -u 文件名 然后编译覆盖 刷新但是上面的方法不总是凑效,我用Frontpage做ASp页面的时候没有什么问题,但使用InterDev的时候总是报告DLL文件被锁定,不能覆盖的错误.有

SEO老生常谈:提高网站收录和排名全攻略

现在网上有很多关于提高网站收录和排名方法的文章,大家都写得挺好的,而且关于这一问题更属于老生常谈.只不过对于很多网站SEO优化的新手来讲,一篇篇地看都太费时费力了,下面是郑州做网站公司_乐之人科技总结的一份简明版的提高网站收录和排名的方法全攻略,请大家参详,希望对大家有所帮助. 一.站内优化:做好内功,更需要注意保持站内权重的集中. 1.网站标题.无论是网站title还是内容标题,最好都适时体现出关键词,注意关键词分隔符号,例如百度一般用[_]或[丨].谷歌用[,]或[-]或空格.关键字与主标题

SEO分享:企业网站优化全攻略

  随着越来越多的企业开始涉足互联网,SEO的发展也越来越快,今天与大家分享我的一点SEO经验,那就是企业网站优化的全攻略.自己以前在公司做优化的时候非常认真的去执行每一步,都取得了良好的效果,今天特意总结一下与大家分享,希望多指点. 程序选择 企业网站一般内容不多,重点是做好内部布局,内部SEO做好就完成了整个SEO工作的40%.一般不错的有DED等开源程序,另外还需要考虑你的实际需求,比如拓展性,稳定性和安全性,还有就是程序对数据的处理能力,所以须综合考虑.另外,选择的程序最好能实现伪静态或

运用Squidoo进行网站推广全攻略(四)

中介交易 SEO诊断 淘宝客 云主机 技术大厅 大家好,这是我们运用Squidoo进行WEB 2.0网站优化推广图文全攻略的第四篇了,在上一篇教程<运用Squidoo进行WEB 2.0网站优化推广图文全攻略(三 元素美化镜头篇)>中,我们建立了一个镜头的介绍模块,以及一个简单的博客RSS模块,我想你一定还记得上次最后我们看到的那一大串问号,也就是下面这张图片: 但是不知道大家有没有注意,第一行问号的那个PHP是正常显示的,事实上,我这篇博文名叫<百钱百鸡问题的PHP程序代码>,很巧

Squidoo进行WEB 2.0网站优化推广图文全攻略

大家好,这是我们运用Squidoo进行WEB 2.0网站http://www.aliyun.com/zixun/aggregation/8458.html">优化推广图文全攻略的第四篇了,在上一篇教程<运用Squidoo进行WEB 2.0网站优化推广图文全攻略(三 元素美化镜头篇)>中,我们建立了一个镜头的介绍模块,以及一个简单的博客RSS模块,我想你一定还记得上次最后我们看到的那一大串问号,也就是下面这张图片: 但是不知道大家有没有注意,第一行问号的那个PHP是正常显示的,事

运用Squidoo进行网站优化推广原创图文全攻略(三)

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 大家好,今天进入我们的<运用Squidoo进行WEB 2.0网站优化推广全攻略(元素美化镜头篇)>,还记得我们在上一篇文章<运用Squidoo进行WEB 2.0网站优化推广全攻略(建立镜头篇) >里面建好的那个有点纯朴的镜头吗?就是下面这个看起来有点丑的页面: 没有关系,今天我们的工作就是添加模块元素,让它变得更加漂亮

构建高安全电子商务网站:Linux服务器iptables规则列表全攻略

服务器的安全性,一直是网站的首要考虑的任务.针对安全性有多种多样的解决方案.Linux服务器防火墙,最常用到的当然要数iptables防火墙.iptables是Linux上常用的防火墙软件,规则也非常灵活,应该最广泛. 对应要构建高安全电子商务网站,任何一台服务器少不了的安全软件,当然是iptables防火墙.规则灵活多变,功能应该之广泛,这个也是Linux系统管理员首选.iptables表链中每条规则的顺序很重要,如果首条是accept all,那末所有的数据包都会被允许通过firewall,

被恶意网站击中的解决办法——注册表使用全攻略之六_注册表

被恶意网站击中的解决办法--注册表使用全攻略之六 一.注册表被修改的原因及解决办法 恶意网页是含有有害代码的ActiveX网页文件,这些广告信息的出现是因为浏览者的注册表被恶意更改的结果. 1.IE默认连接首页被修改 IE浏览器上方的标题栏被改成"欢迎访问--网站"的样式,受到更改的注册表项目为:HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Main\Start PageHKEY_CURRENT_USER\Softwar