使用浏览器诊断 JavaScript 错误

如果您在交互功能方面遇到问题,这可能是由于 JavaScript 错误或冲突造成的。例如,您的弹出菜单可能已损坏,您的元框无法拖动,或者您的添加媒体按钮无法正常工作。为了制定您的支持请求,它可以帮助团队了解 JavaScript 错误是什么。

本指南将向您展示如何在不同的浏览器中诊断 JavaScript 问题。

第 1 步:尝试其他浏览器 #

为确保这是 JavaScript 错误,而不是浏览器错误,首先尝试在另一个浏览器中打开您的网站。

  • 如果该站点在新浏览器中没有相同的问题,您就知道该错误是特定于浏览器的
  • 如果站点出现相同的错误,则不是特定于一个浏览器的错误

记下您遇到错误的任何浏览器。您可以在提出支持请求时使用此信息。

顶部↑

第 2 步:启用 SCRIPT_DEBUG #

您需要打开脚本调试。打开 wp-config.php 并在“就是这样,停止编辑!快乐的博客”。

define('SCRIPT_DEBUG', true);

检查您是否仍有问题。

  • 问题已修复– 关闭脚本调试并在支持论坛上报告问题,告诉志愿者您打开了脚本调试并解决了问题。
  • 问题仍然存在– 继续执行步骤 3。

顶部↑

第 3 步:诊断 #

现在您知道您在哪些浏览器中遇到问题,您可以开始诊断问题。

顶部↑

铬合金 #

1. 打开开发者工具

按 Command+Option+J (Mac) 或 Control+Shift+J(Windows、Linux、Chrome OS)直接跳转到 Chrome DevTools 的控制台面板。

或者,从 Chrome 菜单导航到更多工具 > 开发人员工具,然后单击控制台选项卡。

2. 识别错误

错误控制台将打开。如果您没有看到任何错误,请尝试重新加载页面。页面加载时可能会产生错误。

控制台将为您提供错误类型、错误位置和行号

顶部↑

火狐 #

1. 打开 Web 控制台

按 Command+Option+K (Mac) 或 Control+Shift+K (Windows) 直接跳转到 Firefox Web Console 的控制台面板。

或者,从 Firefox 菜单导航到 Web 开发 > Web 控制台,然后单击控制台选项卡。

2. 识别错误

错误控制台将打开。如果您没有看到任何错误,请尝试重新加载页面。页面加载时可能会产生错误。

控制台将为您提供错误类型、错误位置和行号

顶部↑

边缘 #

请参阅上面的 Chrome 部分。

顶部↑

IE浏览器 #

请记住,当涉及到 JS 错误时,IE 的行为与其他浏览器大不相同,并且以不同的方式报告它们。在 IE 中遇到问题时首先要检查的是问题是否仅存在于 IE 中。另请注意,某些 IE 版本中内置的调试工具是有限的,可能不可用。

注意:WordPress 在 WordPress 5.8 中正式放弃了对 Internet Explorer 11 的支持。如果您当前使用的是 IE11,强烈建议您切换到更现代的浏览器,例如 Google Chrome、Mozilla Firefox、Safari 或 Microsoft Edge。更多信息可以在制作 WordPress 博客上找到。

1.打开控制台

转到您遇到错误的屏幕。在 Internet Explorer 中,导航到Settings > F12 Developer Tools。或点击F12

单击控制台选项卡。

ie_console1

2. 识别错误

错误控制台将打开。如果您没有看到任何错误,请尝试重新加载页面。页面加载时可能会产生错误。

控制台将为您提供错误类型、错误位置和行号

ie_console2

上图显示了 jquery.js 第 2 行的错误。

顶部↑

苹果浏览器 #

1.启用开发者工具

导航到Safari > 首选项 > 高级并选中在菜单栏中显示开发菜单的框

debug_safari

2.打开控制台

转到您遇到错误的屏幕。在 Safari 中,导航到开发 > 显示错误控制台

3. 识别错误

错误控制台将打开。如果您没有看到任何错误,请尝试重新加载页面。

控制台会显示错误、错误位置和行号:

debug_safari4

上图显示了 jquery.js 第 2 行的错误。

注意:如果您看不到错误,请单击控制台中的后退按钮。

debug_safari3

顶部↑

歌剧 #

1.打开控制台

转到您遇到错误的屏幕。在 Chrome 中,导航到工具 > 高级 > 错误控制台

2. 识别错误

错误控制台将打开。从两个下拉列表中选择JavaScript错误。要查找错误位置,请展开其中一个错误。您将看到错误和位置。

歌剧控制台

上图显示了第 2 行 jquery.js 中的错误,但请记住复制整个堆栈信息!只是说哪一行比显示上下文更有帮助。

顶部↑

第 4 步:报告 #

现在您已经诊断出您的错误,您应该提出您的支持论坛请求。转到故障排除论坛

如果您的问题与特定主题或插件有关,您可以通过访问 https://wordpress.org/support/plugin/PLUGINNAME 或 https://wordpress.org/support/theme/THEMENAME 访问他们的专用支持论坛

请包括以下信息:

  • 您遇到问题的浏览器
  • SCRIPT_DEBUG 是否修复了错误
  • JavaScript 错误
  • 错误的位置——文件名和行号
  • 错误的上下文——包括整个错误堆栈将帮助开发人员

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top