如果您在交互功能方面遇到问题,这可能是由于 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
单击控制台选项卡。

2. 识别错误
错误控制台将打开。如果您没有看到任何错误,请尝试重新加载页面。页面加载时可能会产生错误。
控制台将为您提供错误类型、错误位置和行号

上图显示了 jquery.js 第 2 行的错误。
苹果浏览器 #
1.启用开发者工具
导航到Safari > 首选项 > 高级并选中在菜单栏中显示开发菜单的框

2.打开控制台
转到您遇到错误的屏幕。在 Safari 中,导航到开发 > 显示错误控制台
3. 识别错误
错误控制台将打开。如果您没有看到任何错误,请尝试重新加载页面。
控制台会显示错误、错误位置和行号:

上图显示了 jquery.js 第 2 行的错误。
注意:如果您看不到错误,请单击控制台中的后退按钮。

歌剧 #
1.打开控制台
转到您遇到错误的屏幕。在 Chrome 中,导航到工具 > 高级 > 错误控制台。
2. 识别错误
错误控制台将打开。从两个下拉列表中选择JavaScript和错误。要查找错误位置,请展开其中一个错误。您将看到错误和位置。

上图显示了第 2 行 jquery.js 中的错误,但请记住复制整个堆栈信息!只是说哪一行比显示上下文更有帮助。
第 4 步:报告 #
现在您已经诊断出您的错误,您应该提出您的支持论坛请求。转到故障排除论坛。
如果您的问题与特定主题或插件有关,您可以通过访问 https://wordpress.org/support/plugin/PLUGINNAME 或 https://wordpress.org/support/theme/THEMENAME 访问他们的专用支持论坛
请包括以下信息:
- 您遇到问题的浏览器
- SCRIPT_DEBUG 是否修复了错误
- JavaScript 错误
- 错误的位置——文件名和行号
- 错误的上下文——包括整个错误堆栈将帮助开发人员