如何在javascript无法加载时进行调试

Question

我有两个使用相同主题的网站。 （http://www.kentishtowner.co.uk和http://here-is.com/kentishtowner-old/）

它们是WP多站点子站点，两者都使用完全相同的子主题（完全相同的模板文件）。

然而，以前的网站没有加载javascript，导致砌体布局和移动菜单无法正常工作！ 我认为这与我在映射域时有关，或者在域映射之前将URL从here-is.com/kentishtowner-new更改为here-is.com/kentishtowner ...

由于我不是JS人，有人可以给我一些关于我如何调试这个的见解吗？

我昨晚没有睡过眼睛，现在已经是上午11点了 - 我得到了一个小时的shuteye，非常感谢任何回复！

谢谢！

Answer 1

浏览器具有调出javascript错误的控制台。他们会告诉你抛出了什么错误，以及抛出的错误。一旦你知道了，你可以谷歌四处看看是否有任何明显的问题需要解决。

我的猜测是，在某个无法正常工作的网站尝试使用工作网站上托管的脚本。如果是这种情况，您只需要更新脚本路径。

- 编辑 -

对我来说幸运（从我听到的），我从未使用过Wordpress。不幸的是，我不知道如何告诉你.js文件的位置，或者它们的组织方式。

我通常在Chrome中进行调试，因此您可以检查自己的网页是否能够/无法获取外部脚本。

1. 当您专注于您遇到问题的页面时，请点击F12以在Chrome中打开开发工具。

2. 点击Network标签，然后点击F5刷新页面。

3. 点击Type表标题，查找说text/javascript的文件。这些将是您的网站请求的外部脚本文件。

4. 查看每个行的Status列。如果它没有说出200 OK.，那么您的网页就无法访问相应的脚本。

从那里，您需要找到所谓的所在的脚本。一旦您知道，只需从其他站点找到脚本，并将它们复制到损坏站点的正确位置。

祝你好运！

Answer 2

在Chrome的控制台中，您将看到

  

资源解释为脚本但以MIME类型传输   为text / html：   ＆＃34; http://here-is.com/?dm=c078877dcf0e3101dc20cc337a8e4214&action=load&blogid=13&siteid=1&t=1522670393&back=http%3A%2F%2Fkentishtowner.co.uk%2F＆＃34;

事实上，进一步的挖掘表明here-is.com正在返回对该请求的空响应。

该网页实际上完全引用here-is.com上的多个资源，当您通过该域访问该网页时，该网页可以正常运行，但是当您通过www.kentishtowner.co.uk访问时会出现问题。我对您的设置了解不足以确定如何解决它但您可能需要配置项目的基本URL以告知它的部署位置，或者您是否可以告诉它使用也会起作用的相对链接。

（在Chrome的开发者工具中，您可以点击 ctrl + shift + F 并输入here-is.com来查看引用）