0

我正在做一个项目,这是一个网站,我的计划是在 notepad++ 中编写每个 html、css、javascript,一直检查 google chrome 中的所有内容,当我完成后,我将从IE 开始测试(这是最困难)和其他已知浏览器,我将纠正任何问题(使用已知方法)。

我的问题是:您认为哪个浏览器最适合这项工作?哪个与其他最兼容,所以在完成我的网站并为其他人更正之后我不需要做太多工作?简而言之,哪个浏览器最适合跨浏览器测试

先感谢您。

4

8 回答 8

5

I would sudgest using Mozilla Firefox for playing with HTML / CSS. One great thing it has is the FIREBUG add-on, which can be more tnah usefull while building your website. Check it out on https://addons.mozilla.org/en-US/firefox/addon/firebug/

于 2012-12-01T00:13:55.747 回答
2

You're doing it wrong - it's far easier to fix cross-browser issues as they occur, rather than have to tear through a complex project for a minor issue.

IE6 and IE7 can be safely discounted - as no-one uses them anymore. IE8 is the latest first-party browser for Windows XP and should be tested - it doesn't have any layout bugs, but doesn't support many CSS3 features like rounded-corners - so you might want a fallback stylesheet.

Firefox and Chrome are both very bug-free and have excellent CSS3 support, but have different styling defaults, so I strongly suggest using reset.css: http://meyerweb.com/eric/tools/css/reset/ as this irons out any potential issues.

于 2012-12-01T00:15:33.133 回答
2

I suggest Chrome.

1) It's the most popular browser.

2) It's got excellent developer tools.

3) It's webkit so you've also pretty much got Safari covered as well and webkit is also the foundation of most mobile browsers out there (Android/iOS).

IE 10 and Firefox are very similar to what Chrome will show as they're modern browsers. Then you're left with IE8, which I argue these days it's best not to worry about making it look perfect, just make it look good enough. Consider asking yourself what "support" means. I argue supporting an old browser means the site works, not that the experience is the same as Chrome.

于 2012-12-01T00:18:07.347 回答
2

就我个人而言,我会推荐 Firefox——我发现 firebug 非常宝贵(我一直无法与 Chrome 的开发工具相处融洽)并且它占据了相当高的市场份额。

也就是说,如果你觉得 Chrome 的开发工具不错,使用 Chrome 可能会更好(正如已经说过的,这涵盖了 Chrome + Safari,大约 35-40% 的浏览器份额)

真的,这取决于个人喜好,两个都试一下,看看你喜欢哪个。

于 2012-12-01T00:31:08.880 回答
1

作为 Web 开发人员,您必须能够查看您的网站/页面并轻松调试它。因此,使用Chrome是您最好的选择。
1. 内置开发工具。
2. 网络套件。Safari 也大多支持此功能。
3. 一个很棒的浏览器。您可以制作所有花哨的 css3 东西并进行测试。如果你喜欢它,你最终可以使用 javascript/jQuery 将它们添加到其他浏览器。

4. 许多许多扩展。尽管 Firefox 上的有用的数量几乎相同,但 Chrome 是 IMO 最好和最受支持的。
我的插件列表:
- Chrome Sniffer - 显示网站正在使用的框架......非常适合浏览网络时的好奇心。
- 云保存 - 让您将文件从网站保存到您选择的云服务中......也非常适合网络创意/资源浏览。
- Code Cola - 直接在您的网页上编辑一个部分以进行测试...类似于 Chrome 开发工具,但更直接。
- 滴管 - 必须...让您从网页中挑选颜色并找到它们的各种颜色代码。
- IE 标签 - 如果您有 Windows,这是一个很棒的工具,因此您可以在 Chrome 中查看 IE 视图。
- IPCV(图像属性上下文查看器) - 查看图像值等。
- Measureit - 查找对象/类/等的尺寸。
- 调色板 - 单击图像并从中生成调色板。
- 分辨率测试 - 必须...检查您的网站在各种浏览器尺寸上的显示方式。
- 会话管理器 - 保存您的所有标签以用于另一个 Chrome 会话。
- Web 开发人员 - 它几乎可以完成 Web 开发人员需要知道/测试的任何事情。
- WhatFont - 找出网站使用的字体。

Chrome 有我的特点……希望对您有所帮助!

于 2012-12-01T03:11:18.187 回答
0

IE 最适合测试。与任何其他浏览器相比,您可以在这里轻松解决您的设计问题。

于 2012-12-01T02:57:37.060 回答
0

为什么要选一个?如果您包含live.js并使用本地运行的Web 服务器进行开发,然后在您正在测试的所有浏览器上打开您的页面,那么 live.js 代码将在您每次保存 CSS、HTML 或 JavaScript 时自动刷新页面文件。您只需将这行 JavaScript 添加到页面顶部:

<script type="text/javascript" src="http://livejs.com/live.js"></script>

还可以查看IETester,它可以让您在单台 PC 上运行多个 IE 渲染引擎(测试 IE5、6、7、8 和 9(都在同一台计算机上)的好方法)

于 2012-12-01T00:31:55.687 回答
-1

I recommend downloading Visual Web Developer 2010 Express (which is free), coding it there and checking you work with Chrome developer tools or Firefox firebug. In my opinion they are the best dev tools out there. Coding with Visual Web Developer express will be much easier as it has Intellisense built in and will save you lots of time. If you want to check your code for validation, use the W3C markup validator.

于 2012-12-01T00:15:14.780 回答