返回列表 发帖
golden

Rank: 3Rank: 3Rank: 3

UID
8534 
帖子
133 
积分
734 
懒人币
103 枚 
性别
男 
来自
盛京 
注册时间
2009-1-19 
最后登录
2009-12-10 
1# 跳转到 » 倒序看帖
打印
tT
发表于 2009-5-30 11:18 | 只看该作者

各个浏览器兼容及共生多版本浏览器集全[附：调试软件教程及介绍]

本帖最后由 golden 于 2009-5-30 11:52 编辑

做了N年的UI和页面！算是积累了些经验，愿与同行分享！提问请跟帖！每日晚16时，回复解决问题！


附：个浏览器CSS调试工具介绍及教程
--------------------------------------------------------------------------------------------------------------
IE8：
  话说IE8的调试工具比较耗费资源也比较慢！不过集成在浏览器内，也算比较8错！

1.jpg
2009-5-30 11:18

启动IE8的开发人员工具


2.jpg
2009-5-30 11:18

IE8的开发人员工具图例


--------------------------------------------------------------------------------------------------------------


IE7:

  是MS根据IE内嵌的开发工具仿制的IE7调试的插件：名称是:IE Developer Toolbar,比较和IE8的功能差不多！


3.jpg
2009-5-30 11:18

IE Developer Toolbar(和IE8的图标差不多一样的哈！)


4.jpg
2009-5-30 11:18

IE Developer Toolbar图例



--------------------------------------------------------------------------------------------------------------

FF:

    FF的调试工具算是鼻祖了~基本上所有的调试工具貌似都在仿造这个FireBug（个人印象）！在FF的插件站上可以下载得到，比较好的是FireBug,Web Developer,个人推荐FireBug~插件比较多而且用来调试CSS还是比较方便的！


5.jpg
2009-5-30 11:18

FireBug按钮在FF上


6.jpg
2009-5-30 11:18

FF的FireBug图例


--------------------------------------------------------------------------------------------------------------

IE6:

    米听说过啊！！！关于IE6的调试还真是米啥必要的呢！


--------------------------------------------------------------------------------------------------------------


Safari 4 For Win:

    在选项-》高级-》里面开启在菜单“显示开发工具”，即可开启

QQ截图未命名1.jpg
2009-5-30 11:46

Safari 的Develop功能貌似强大啊~不过真的米怎么深入的用过~~~觉得应该会很强大！

1

评分人数

收藏 分享
猪~在这个世界上也会有会飞的！

golden

Rank: 3Rank: 3Rank: 3

UID
8534 
帖子
133 
积分
734 
懒人币
103 枚 
性别
男 
来自
盛京 
注册时间
2009-1-19 
最后登录
2009-12-10 
2#
发表于 2009-5-30 11:34 | 只看该作者
再说说多浏览器共存：

话说自打IE7出来我就开始憎恶微软的开发了！及其恶毒的那种！毕竟一台机子只能有一个IE~混了些年知道了不少事情后就在机器上装了不少的浏览器！

经验啊~~~

MSIE~~~一般是安装MultipleIEs或者是IETester
MultipleIEs:
可以在系统内安装IE7，再安装MultipleIEs,内含IE3,IE4.01,IE5.01,IE5.5，IE6！不过大概之需要安装IE6吧！属于IE7时代的多浏览器调试工具了！
IETester:
可不错的东西，虽然总是跳错！系统安装IE8，在安装IETester，IETester是集成的！可以模拟IE5.5,IE6,IE7,IE8！属于IE8时代的多浏览器调试工具!推荐啊！

MultipleIEs
6.jpg
2009-5-30 11:34


IETester
QQ截图未命名.jpg
2009-5-30 11:34

猪~在这个世界上也会有会飞的！

TOP

docwang

Rank: 3Rank: 3Rank: 3

UID
8298 
帖子
76 
积分
564 
懒人币
92 枚 
性别
男 
来自
辽宁 
注册时间
2009-1-3 
最后登录
2009-12-10 
3#
发表于 2009-5-30 15:02 | 只看该作者
赞一个！ tusiji-[12]
云淡风轻...

TOP

golden

Rank: 3Rank: 3Rank: 3

UID
8534 
帖子
133 
积分
734 
懒人币
103 枚 
性别
男 
来自
盛京 
注册时间
2009-1-19 
最后登录
2009-12-10 
4#
发表于 2009-6-3 19:58 | 只看该作者
赞的好～～～我自己再赞一个！

赞一个!
猪~在这个世界上也会有会飞的！

TOP

pftj

Rank: 1

UID
4531 
帖子
4 
积分
8 
懒人币
100 枚 
注册时间
2008-6-29 
最后登录
2009-6-15 
5#
发表于 2009-6-4 12:33 | 只看该作者
有没有其他浏览器测试的介绍啊？

TOP

baby仔

Rank: 1

UID
10807 
帖子
1 
积分
2 
懒人币
100 枚 
来自
懶人國 
注册时间
2009-6-5 
最后登录
2009-6-5 
6#
发表于 2009-6-5 02:09 | 只看该作者
我也贊一個...
   不知你最支持用那個呢??
學會偷懶;并懶出境界是提高工作效率最有效的方法

TOP

golden

Rank: 3Rank: 3Rank: 3

UID
8534 
帖子
133 
积分
734 
懒人币
103 枚 
性别
男 
来自
盛京 
注册时间
2009-1-19 
最后登录
2009-12-10 
7#
发表于 2009-6-8 08:12 | 只看该作者
本帖最后由 golden 于 2009-6-8 08:28 编辑

其他的浏览器···opera,chome,songbird,w3c自己出的Amaya,flock,还有linux下个多个浏览器！

关键问题是其他这些浏览器所占有的市场份额忒少了！基本上加起来不过5%~所以加入你是web美工，切页面的时候就不用考虑了，当然，除了对口的开发项目！

另外，别和我说什么遨游，世界之窗什么的~拜托，那都是些外壳而已！用句足够cool的黑客语言~那只是shell而已！

日常的浏览我比较推荐使用IE内核的浏览器，毕竟99%的页面是主要对IE切的，而且在windows平台下也有比较好的兼容性！

比较老的机器推荐使用opera！速度才是主要！

新一点的机器推荐世界之窗3！同样的是比较省资源而且快~~~

调试~或者需要分析及搞些麻烦的人还是推荐FF，插件多，功能简直没的说！我现在刷站，搞点破坏，XXXX都用FF~~~


猪~在这个世界上也会有会飞的！

TOP

27⑦°

Rank: 3Rank: 3Rank: 3

UID
11881 
帖子
192 
积分
435 
懒人币
100 枚 
注册时间
2009-7-5 
最后登录
2010-3-13 
8#
发表于 2009-7-27 15:17 | 只看该作者
手机用opera,电脑用chometusiji-[12]
道长～～我没有腰唉～～～

TOP

返回列表