gpt4 book ai didi

javascript - 如何跨浏览器调试网页渲染兼容性问题?

转载 作者:太空宇宙 更新时间:2023-11-03 21:41:56 25 4
gpt4 key购买 nike

我正在开发一个主要使用 Firefox 的网页。我经常遇到我的网页在 Firefox 中呈现正确但在 Chrome 和 IE 中有一些意外行为。

一般来说,如果它与 javascript 相关,我通常会在 Chrome 中打开 Developer Console,看看是否有任何错误,这会给我一个线索,让我知道可能出了什么问题。不幸的是,如果是 CSS 相关或 HTML 元素问题,我通常会迷失方向。

在一个特殊情况下,我在 <td> 中放置了一个 div。我不知道为什么 chrome 无法正确渲染它,尽管 firefox 很高兴并且没有提示。

所以我的问题是,如何调试与在 Chrome 和 CSS 中呈现 HTML 页面相关的问题,并确定可能有问题的地方。

我的相关问题是,是否有指南可以让我的网页轻松地在几乎所有流行的浏览器中运行?我特别考虑会警告我与我的网页的兼容性问题的工具或过程。

最佳答案

IE (Internet Explorer)little effort不相配,只为IE投入更多的时间和精力, 照亮 IE并且高兴,作为一个建议,使用Twitter Bootstrap如果可能的话,它已经准备好并经过测试css框架(也许框架不是完美的名字)。

基本上,据我所知,只有一个css reset可用于获得一定的一致性,但您仍然必须在不同的浏览器上进行测试,因为每个浏览器都有不同的 rendering engine .如果你想保留IE然后在列表中测试 IE 的布局一开始。

仅适用于 IEInconsistent Exposer (IMO) 有一个可用的开发工具 ( IE Tester ) 来测试不同版本 IE 上的布局 (HTML/CSS)并且只适用于 Windows所以如果你是Windows,它可能会对你有所帮助用户。还有一个在线测试器可用,有时很有用,它是 browsershots.org .

还有 IE有一个调试器/开发人员工具,按 F12 将打开它,因此您可能会看到如下内容:

enter image description here

Google Chrome它是否内置于调试器/检查器 (CTRL + SHIFT + I) 和 Firefox 上你可以使用 Firebug扩展和这些浏览器不像 IE 那样愚蠢而且这些浏览器有很多免费的调试扩展,不用担心这些好人。


一般来说,IE用户是愚蠢的,习惯于在他们的屏幕上看到愚蠢的东西,所以我不会对他们考虑太多,因为他们真的不知道其中的区别,但作为开发人员,你可能需要考虑一下,在这种情况下,我会要求额外的如果我的客户想让我的网站兼容 IE < 10,他们会向我的客户收费因为它需要额外的努力。

You dunno me ? Leh--hoo-zehar (Looser) enter image description here IE am a legendhhh. Smooky...!

enter image description here

关于javascript - 如何跨浏览器调试网页渲染兼容性问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22927081/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com