Safari和Firefox没有正确显示网站,但Chrome运行良好。

时间:2021-09-15 15:41:07

I have built my site with Wordpress using my own theme in Chrome. Considering Safari, Firefox and Chrome's similarities - I did not expect such a big discrepancy in how the site is displayed.

我已经用我自己的主题在Chrome中创建了我的网站。考虑到Safari、Firefox和Chrome的相似之处,我没有预料到网站的显示会有如此大的差异。

I'm guessing it is some kind of syntax error in how the files are loaded, but not sure. The CSS and JS files are loaded using the functions.php file.

我猜这是文件加载方式的语法错误,但不确定。CSS和JS文件是使用函数加载的。php文件。

Any help would be much appreciated!

非常感谢您的帮助!

The site in question: http://exeterentrepreneurs.com/dev/

该网站的问题是:http://exeterentrepreneurs.com/dev/。

1 个解决方案

#1


3  

1) You have many HTML markup errors, such as these missing closing image tag errors:

1)您有许多HTML标记错误,例如这些缺失的关闭图像标记错误:

<img src="http://example.com/..../event_feature-tick.png"<p>100% Free</p>

See the missing >in front of the <p> tag? It has to be:

标签前面看到丢失的> ?它必须是:

<img src="http://example.com/..../event_feature-tick.png"><p>100% Free</p>

Fix all those image tag errors, and then use the W3 Code Validator to check for more. You can ignore for now errors such as "An img element must have an alt attribute...", but fix an missing closing </div> tag errors. Fix the above image tag errors first, and many of the other errors and warnings will fix themselves.

修复所有这些图像标记错误,然后使用W3代码验证器检查更多。您可以忽略现在的错误,例如“img元素必须具有alt属性…”,但修复一个缺失的关闭标记错误。首先修复上面的图像标记错误,许多其他错误和警告将自动修复。

See Showing results for exeterentrepreneurs.com dev - W3C Html Checker and use it again after you fix some errors.

请参见exeterentrepreneurs.com dev - W3C Html Checker的结果,并在修正一些错误后再次使用它。

2) You may also have Javascript errors. Use the developer tools in Firefox (or Firebug) or Chrome or Safari or IE to check for Javascript and other console errors. The use of those dev tools are essential for web development work.

2)你可能也有Javascript错误。使用Firefox(或Firebug)或Chrome或Safari或IE的开发工具来检查Javascript和其他控制台错误。这些开发工具的使用对于web开发工作非常重要。

#1


3  

1) You have many HTML markup errors, such as these missing closing image tag errors:

1)您有许多HTML标记错误,例如这些缺失的关闭图像标记错误:

<img src="http://example.com/..../event_feature-tick.png"<p>100% Free</p>

See the missing >in front of the <p> tag? It has to be:

标签前面看到丢失的> ?它必须是:

<img src="http://example.com/..../event_feature-tick.png"><p>100% Free</p>

Fix all those image tag errors, and then use the W3 Code Validator to check for more. You can ignore for now errors such as "An img element must have an alt attribute...", but fix an missing closing </div> tag errors. Fix the above image tag errors first, and many of the other errors and warnings will fix themselves.

修复所有这些图像标记错误,然后使用W3代码验证器检查更多。您可以忽略现在的错误,例如“img元素必须具有alt属性…”,但修复一个缺失的关闭标记错误。首先修复上面的图像标记错误,许多其他错误和警告将自动修复。

See Showing results for exeterentrepreneurs.com dev - W3C Html Checker and use it again after you fix some errors.

请参见exeterentrepreneurs.com dev - W3C Html Checker的结果,并在修正一些错误后再次使用它。

2) You may also have Javascript errors. Use the developer tools in Firefox (or Firebug) or Chrome or Safari or IE to check for Javascript and other console errors. The use of those dev tools are essential for web development work.

2)你可能也有Javascript错误。使用Firefox(或Firebug)或Chrome或Safari或IE的开发工具来检查Javascript和其他控制台错误。这些开发工具的使用对于web开发工作非常重要。