Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[分享] DIV+CSS布局web开发利器(微软官方软件)

[复制链接]
v215com 发表于 2008-4-14 17:35:44 | 显示全部楼层 |阅读模式
微软的IEDevToolBar,这是一个免费的专门为Web开发人员制作的IE插件,IE插件IEDevToolBar可以帮助我们分析网站的布局结构,有助于我们学习和分析页面的CSS,其主要功能有:

    1.以树结构查看CodeDom,并查看每个Element属性,可以使用鼠标点击选中Element,这个在我们制作和调试网页时很有用;
    2.生成图片报表,就是将页面上说有出现的图片生成一份详细的报表,这样就省的我们自己去找图片路径和量图片大小等等;
    3.高亮显示表格,表格单元,Div等的边框,这个在我们调整布局时也是很有用;
    4.页面尺子,可以然你任意在页面上度量长度,这个是大大的提高了我们的工作效率,不用为了量个长度而抓图再用画图工具量。

    现在我就介绍给大家一起分享吧,装上后在Web项目调整界面时它真的是用处很多啊!

     附: 下载地址(英文版): 官方下载

汉化IEDevToolbar.dll文件下载地址: IEDevToolbar.rar (117.34 KB, 下载次数: 7614)

安装之后,在IE顶部菜单的“查看” - “工具栏” 里面钩选“Developer Toolbar”项即可。这下在IE下做 Web开发就方便多了

汉化方法:下载下面汉化.dll文件后解压,如果已安装英文版,则关闭所有的IE程序后覆盖IEDevToolbar.dll文件(默认安装路径为:\Program Files\Internet Explorer Developer Toolbar)。如果没有安装英文版,则可以将IEDevToolbar.dll文件解压到\Windows\System32目录下,然后运行:regsvr32 IEDevToolbar.dll即可。

1.jpg
选中“通过点击选取元素”后,你鼠标指到哪个元素,单击一下就会显示出所有属性值,对调试来说很方便。

[ 本帖最后由 v215com 于 2008-4-14 17:40 编辑 ]
飛越無限 发表于 2008-4-14 17:41:01 | 显示全部楼层
不错。现在正在下载的。
回复

使用道具 举报

飛越無限 发表于 2008-4-14 17:52:38 | 显示全部楼层
效果不错。我测试了。呵呵。
回复

使用道具 举报

ggyygg0755 发表于 2008-4-14 19:45:36 | 显示全部楼层
这个东东好啊
回复

使用道具 举报

Mr.Army 发表于 2008-4-14 19:46:28 | 显示全部楼层
谢谢..已经在用了!
回复

使用道具 举报

爱月公爵 发表于 2008-4-14 20:30:01 | 显示全部楼层
效果不错,支持!
回复

使用道具 举报

ibookle 发表于 2008-4-16 19:23:46 | 显示全部楼层
已经用上了
回复

使用道具 举报

欧阳寿 发表于 2008-4-16 19:33:48 | 显示全部楼层
谢谢,先下来试一下,,,  接触DIV一星期了,,  完全要被DIV整疯了,,,,,  不是这儿错就是那儿错,不是IE显示不兼容就是FIREFOX显示不兼容
实在没有用TABLE方便,,,,
回复

使用道具 举报

jluwood 发表于 2008-4-16 21:15:10 | 显示全部楼层
ie8默认集成的 大哥
回复

使用道具 举报

lonelysx 发表于 2008-4-16 23:17:16 | 显示全部楼层
很了段时间了撒~~~感觉不错~~~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-1-13 07:34 , Processed in 0.034372 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表