首页 > 电脑专区 > 电脑教程 >

如何用浏览器调试JS错误

来源:互联网 2023-02-21 23:03:06 版权归原作者所有,如有侵权,请联系我们

由于JS区分大小写,所以一旦出现错误,我们将很难一下发现错误,今天我手写JS就出错了,检查了半天也检查不出是哪里的原因,有时我就想着是不是还有别的方法可以找出错误,于是我想到了浏览器。DxC办公区 - 实用经验教程分享!

工具/原料

  • 百度、谷歌、火狐浏览器均可。

方法/步骤

  • 1

    我这里应用的是猎豹浏览器,首先用浏览器打开出出错的界面,然后点击键盘上的F12,进入调试界面,进入后看右上角,如红框所示,JS的错误会显示在那个地方。DxC办公区 - 实用经验教程分享!

    如何用浏览器调试JS错误DxC办公区 - 实用经验教程分享!

  • 2

    不过有的时候打开界面错误不会显示,我们需要在用户界面点击触发错误或者可能触发错误的按钮,这样右上角就会显示出错误。DxC办公区 - 实用经验教程分享!

    如何用浏览器调试JS错误DxC办公区 - 实用经验教程分享!

  • 3

    点击右上角会直接跳入到出现错误的地方,用鼠标指向错误,可以发现出现错误的原因,原因是没有定义num。DxC办公区 - 实用经验教程分享!

    如何用浏览器调试JS错误DxC办公区 - 实用经验教程分享!

  • 4

    于是我在代码中找到num,并且定义了num,然后重新打开,发现错误解除。DxC办公区 - 实用经验教程分享!

    如何用浏览器调试JS错误DxC办公区 - 实用经验教程分享!

  • 5

    如果应用上述方法依然不能解决问题,那就找到开发工具中的Resources选项,然后找到Frames。DxC办公区 - 实用经验教程分享!

    如何用浏览器调试JS错误DxC办公区 - 实用经验教程分享!

  • 5该信息非法爬取自百度经验
  • 6

    点击Frames选项左侧的三角形,在选项中找到SCRIPT选项,点击展开会找到所有的JS,如果哪个JS出现错误,右侧会标记出来。DxC办公区 - 实用经验教程分享!

    如何用浏览器调试JS错误DxC办公区 - 实用经验教程分享!

  • 7

    当然也有其他情况,那就是没有显示错误,那只能点开一个一个来找错了。DxC办公区 - 实用经验教程分享!

    如何用浏览器调试JS错误DxC办公区 - 实用经验教程分享!

  • 注意事项

    • 共同分享,共同进步。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!DxC办公区 - 实用经验教程分享!


    标签: 浏览器浏览错误

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号