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

如何进行html调试和js脚本调试,第1张

在谷歌浏览器当中,可以按下F12键,调取控制台

控制台当中的element就是用于调试html的

console面板可以用来调试JS

在你的代码当中,如果发现了问题,可以使用注释法,比如,html出现了问题,把html部分注释掉,逐渐排查出到底是哪里布局出了问题

js可以利用控制台命令 console.log() 以及控制台来进行调试

以谷歌浏览器Chrome为例(火狐类似),说下前端打“断点”:

一、按F12快捷键打开Chrome控制台,点击“Sources”选项卡,如图:

二、刷新当前网页,代码执行到“断点”处会停住,如上图蓝色区域;

三、按F8快捷键可以在不同的断点之间切换、按F10快捷键程序代码会一步步执行,这样就能很方便定位到错误区域,排查错误。

说明:火狐浏览器的 *** 作方法和谷歌类似,当然界面略有不同。

JS文件路径是一个以JS为后缀的文件,在这个文件中是不能再有<script language="javascript"><script>这两个标签了,至于你想调用什么东西就随便你了,比如说调用一个警告框alert("网络书签")

注意哦,这里不是<script language="javascript">alert("网络书签")<script>哦.

第二:它的优势在于,如果你想多个HTML中同时调用相同的JS代码.你就可以直接调用外部的JS文件,而不必为每个HTML文本都写上同样的JS语句.

呵呵


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6114050.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存