您的位置:首页 > Web前端

兼容性测试,网页的设计工具

2017-09-20 21:06 453 查看
兼容性测试工具

IE Tester

Multibrowser

高效的开发工具

轻量级

(1)Notepaad++

(2)sbulime Text

(3)记事本

重量级

(1)webStorm

(2)Dreamweaver

网页的设计工具

fireworks

photoshop

判断IE的方法

(1)条件判断格式:
<!-- [if 条件 版本]那么显示 <![endif]-->


(2)不等于:除了IE8都可以显示
[if !IE 8]


(3)小于:如果IE浏览器小于5.5版本显示
[if lt IE 5.5]


(4)大于:如果IE浏览器大于5版本显示
[if gt IE 5.5]


(5)大于或等于:
[if gte IE 7]


(6)大于和小于之间:
[if(gt IE 5)&(lt IE 7)]


(7)或:
[if(IE 6)|(IE 7)]


(8)仅:
<!--[if IE 8]>


快捷键

div.top+tab键 就可以生成:
<div class="top"></div>


div#top+tab键 就可以生成:
<div id="top"></div>
f

webStorm开发工具的安装与汉化

下载地址:http://pan.baidu.com/s/1sj4Uu0P

-解压后:


我们会看到这些:

序列号的文件

中文的汉化文件

主程序的安装文件

最后要把汉化jar替换安装的即可

html5轮廓工具:
https://gsnedders.html5.org/outliner/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息