热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何在一台电脑同时安装IE6、IE7、FF2、FF3进行网页调试

web标准很重要的一点也是最烦的一点就是需要兼容各版本浏览器,随着微软IE7的推出,标准设计师需要考虑兼容IE7前面的IE5IE5.5IE6版本及Firefox火狐浏览器,他们的兼容问
   web标准很重要的一点也是最烦的一点就是需要兼容各版本浏览器,随着微软IE7的推出,标准设计师需要考虑兼容IE7前面的IE5/IE5.5/IE6 版本及Firefox火狐浏览器,他们的兼容问题一直是很多网页设计师在进行DIV+CSS布局时头疼的问题。
因 为IE和火狐的内核存在差异,所以在制作网页时,为了解决网页代码兼容性问题,需要在不同的浏览器中进行调试。一般网页设计者都同时装有IE和FF(火 狐),但最新的IE7和IE6之间也存在着一定的差异,为了让自己的网页在各种主流浏览器中都可以正常显示,同时安装IE6、IE7和FF进行网页调试就 显得尤为必要。
一、让IE6和IE7共存
    大家都知道,IE是windows自带的网页浏览器,IE7是IE6的升级版本,按理两者无法同时存在于一个系统内,那么如何让IE6与IE7并存呢?下面介绍一个不错的解决方法:
1.如果你电脑上安装的是IE6

    IE7免安装程序,让IE6和IE7和平相处,解决网页设计师们在不同IE版本下调试网站设计布局的难题,尤其是XHTML布局设计,IE6和IE7对CSS的解释仍然有诸多不同的地方.
    IE7Standalone 可以让你无需安装IE7就可以使用IE7的全部功能(严格说是大部分,ie收藏夹不能正常使用,单个标签,而且也没有菜单,只保留最基本的浏览功能).这 样可以让ie6和ie7共存,对网页设计师来说是个好主意,方便在设计网页时调试ie6和ie7下的网页布局.IE7Standalone安装简单,一路 下一步就可以了,唯一遗憾的是该软件提取出来的ie7是英文版.
下载地址: http://www.alixixi.com/download/IE7S-setup.exe

2.如果你的浏览器是IE7
    web标准很 重要的一点也是最烦的一点就是需要兼容各版本浏览器,随着微软IE7的推出,标准设计师需要考虑兼容IE7前面的IE5/IE5.5/IE6版本,之前一 直没有找到好的方法,最近终于找到IE版本合集软件包Multiple_IE。严重推荐给大家,大家升级到IE7后也可方便测试网页的兼容性。
      安装“IE版本合集软件包Multiple_IE”,下载地址: http://www.alixixi.com/download/Multiple-IE.rar,它集合了IE6以及之前所有的IE版本,你只需点击该软件,然后选中IE6(其他版本根据需要可以选择安装或不安装),选择“在桌面创建快捷方式”进行安装:
完成安装后,你就会发现你的IE7和IE6并存了。
二、让FF2和FF3共存

FireFox3新特性

FF2和FF3共存配置第6步
FF2和FF3共存方案

现在,最新的FireFox2版本为Firefox 2.0.0.14与FireFox2 相比,FireFox3采用了全新的Gecko 1.9引擎。所以无论是性能、稳定性和安全性方面都有较大的提高。对用普通用户而言,最明显的感觉就是——启动速度变的很快了。对于网页设计者而言,一些 css和Javascript方面的改进也是令人兴奋(但是,同时意味着以前对FireFox2兼容较好的页面,可能在FireFox3下出现问题)。现 在FireFox3已经发布了Firefox 3.0rc1版本。而且据比较可靠的消息称:FireFox3的正式版将在近期发布。

为什么要让FireFox2和FireFox3共存

FireFox的市场占有率现在已经仅次于IE系列,所以一个网站如果不支持FireFox,将意味着丢掉10%-30%的用户访问量。更重要的 是,一个不支持FireFox浏览器的网站,会被人感到“不友好、不专业、太霸道”的网站。正是因为FireFox的市场表现,让网站设计者完全不能无视 FireFox的兼容性。在FireFox2向FireFox3过渡的浏览器升级期间,网页设计者需要同时对FireFox2和FireFox3的网页兼 容性测试,以保证网页在FireFox3发布后能够保证较好的兼容性。

文章发表1天后补充:很多朋友质疑“所以一个网站如果不支持FireFox,将意味着丢掉10%-30%的用户 访问量”这句话。也许是低估了FireFox的能力。在很多群体中FireFox的使用率还是比较高的,例如程序员这个群体,下面是我的博客统计系统统计 出来的各个浏览器的使用情况。FireFox的比率还是比较高的。当然,这个和博客园这个用户群体有关。如果,你举个QQzone一类的,我也只能华丽的 伸出中指了 凸-_-凸

一张关于FireFox市场占有率调查的图片
我的博客统计显示的FireFox占有率

当然,如果你只是一个普通浏览器的使用者,但是完全没有必要在乎这些东西。在这个浏览器市场群雄逐鹿的乱世,你们是幸福的,你们需要做的只是:用着自己的喜爱的浏览器,然后对布局混乱的页面大骂他们的混蛋网页设计者……

另:IE6、IE7、IE8共存的解决方案,可以参考 《IE多版本共存的解决方案——IETester》。

FireFox2和FireFox3共存具体实现步骤

下面将通过一系列的截图和讲解,详细的告诉你如何如何让FireFox2和FireFox3共存于windows操作系统中。

1:先搞定FireFox2

如果你已经安装了FireFox2那么,请跳过这一步,如果你还没有安装FireFox2,请你先安装FireFox2,没有什么好说的,一路“NEXT”即可。当然,如果你还没有FireFox2安装文件的话,你可以去mozilla Firefox 2.0.0.14 官方下载页面去下载。

2:打开Firefox的配置文件管理器

打开“运行”对话框(开始->运行 或者 使用Win + R 快捷键)。运行命令 firefox -profilemanager -no-remote。这样就可以打开FireFox的配置文件管理器了。参数–no-remote的意思是:命令允许FireFox浏览器正在运行的时候打开配置文件管理器。

FF2和FF3共存配置第2步
打开Firefox的配置文件管理器

3:建立FireFox3配置文件

点击“创建配置文件”按钮,创建一个名为Firefox3名字的配置文件(当然,你也可以命名其他的名字,但是请注意前后一致)。去掉对“启动时不询问”的选择。这一步是为Firefox3创建一个新的配置文件。注:建立的时候,可以选择配置文件的路径。

为了方便识别,我还顺便把FireFox2用的配置文件“default”重新命名为“FireFox2”了。

FF2和FF3共存配置第3步
建立FireFox3配置文件

4:给FireFox2快捷键加运行参数

在Firefox2的快捷方式上点击右键,然后选择属性。在“目标”输入框中.exe"的后面输入一个空格和-p FireFox2(其 中“FireFox2”这个参数就是第三步中FireFox2的配置文件名称,因为我上一步中已经把“default”重新命名为“FireFox2” 了,所以这里也要用“FireFox2”),点击“应用”按钮后确定。这步是告诉快捷方式使用默认配置文件来运行Firefox2。

FF2和FF3共存配置第4步
建立FireFox3配置文件

5:安装FireFox3

去下载FireFox3安装文件,现在是FireFox3正式版已经提供下载。

安装Firefox3,“安装类型”选择“自定义”,这样就可以选择安装新的安装地方。为了方便管理,我们将FireFox3安装在一个目录为FireFox3的目录中。

FF2和FF3共存配置第5步
“安装类型”选择“自定义”
FF2和FF3共存配置第5步2
将FireFox3安装在一个目录为FireFox3的目录中

6:不要立即运行FireFox3

在安装结束时,不选择“立即运行Firefox”选项。如果现在运行,它使用的将是默认配置文件“FireFox2”,当然这不是我们想要的。

FF2和FF3共存配置第6步
FireFox3安装结束时不要立即运行FireFox3

配置FireFox3启动参数

在Firefox3的快捷方式上单击右键,选择“属性”,在目标输入框的-no-remote -p firefox3(其中“FireFox3”就是第3步中FireFox3的配置文件名称)。这步是告诉这个快捷方式使用配置文件Firefox3来运行。

FF2和FF3共存配置第6步2
配置FireFox3启动参数

测试一下FireFox2和FireFox3共存效果吧

为了方便可以把FireFox2和FireFox3的快捷键重新命名一下。打开FireFox2,没有问题。打开FireFox3时会被询问使用何种FireFox配置文件,当然选择FireFox3了。

FF2和FF3共存配置效果图
打开FireFox3时被询问使用哪个FireFox配置文件

最后,让我们看看同时运行的效果吧——

FF2和FF3共存配置效果图2
FireFox2和FireFox3共存效果图

万岁!新版Firebug已经支持FireFox3

虽然遗憾的是FireFox2下的很多插件已经不能在FireFox3下使用了。但是最新版的Firebug 1.2 beta已经适用于FireFox3。对于网页设计者而言,一个FireFox3下的Firebug已经满足了。

FireFox3下Firebug
最新版的Firebug 1.1 beta已经适用于FireFox3

推荐阅读
  • V8不仅是一款著名的八缸发动机,广泛应用于道奇Charger、宾利Continental GT和BossHoss摩托车中。自2008年以来,作为Chromium项目的一部分,V8 JavaScript引擎在性能优化和技术创新方面取得了显著进展。该引擎通过先进的编译技术和高效的垃圾回收机制,显著提升了JavaScript的执行效率,为现代Web应用提供了强大的支持。持续的优化和创新使得V8在处理复杂计算和大规模数据时表现更加出色,成为众多开发者和企业的首选。 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 七款高效编辑器与笔记工具推荐:KindEditor自动换行功能解析
    本文推荐了七款高效的编辑器与笔记工具,并详细解析了KindEditor的自动换行功能。其中,轻笔记QingBiJi是一款完全免费的记事本软件,用户可以通过其简洁的界面和强大的功能轻松记录和管理日常事务。此外,该软件还支持多平台同步,确保用户在不同设备间无缝切换。 ... [详细]
  • 深入解析HTML5字符集属性:charset与defaultCharset
    本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • 第二十五天接口、多态
    1.java是面向对象的语言。设计模式:接口接口类是从java里衍生出来的,不是python原生支持的主要用于继承里多继承抽象类是python原生支持的主要用于继承里的单继承但是接 ... [详细]
  • 如何撰写初级和高级前端开发者的专业简历
    如何撰写初级和高级前端开发者的专业简历 ... [详细]
  • 本文探讨了如何通过检测浏览器类型来动态加载特定的npm包,从而优化前端性能。具体而言,仅在用户使用Edge浏览器时加载相关包,以提升页面加载速度和整体用户体验。此外,文章还介绍了实现这一目标的技术细节和最佳实践,包括使用User-Agent字符串进行浏览器识别、条件加载策略以及性能监控方法。 ... [详细]
  • 近期,微信公众平台上的HTML5游戏引起了广泛讨论,预示着HTML5游戏将迎来新的发展机遇。磊友科技的赵霏,作为一名HTML5技术的倡导者,分享了他在微信平台上开发HTML5游戏的经验和见解。 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 本文介绍了如何利用HTTP隧道技术在受限网络环境中绕过IDS和防火墙等安全设备,实现RDP端口的暴力破解攻击。文章详细描述了部署过程、攻击实施及流量分析,旨在提升网络安全意识。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 本文深入探讨了 hCalendar 微格式在事件与时间、地点相关活动标记中的应用。作为微格式系列文章的第四篇,前文已分别介绍了 rel 属性用于定义链接关系、XFN 微格式增强链接的人际关系描述以及 hCard 微格式对个人和组织信息的描述。本次将重点解析 hCalendar 如何通过结构化数据标记,提高事件信息的可读性和互操作性。 ... [详细]
  • 如何将PHP文件上传至服务器及正确配置服务器地址 ... [详细]
author-avatar
别样青年别样范儿bo
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有