对于大部分做前端设计者而言应该都使用过Firefox浏览器下一款调试网站的扩展插件firebug吧，功能非常的强大，对于我们找出网页兼容性的问题非常的有效。不过对于很多不喜欢使用Firefox浏览器的开发者而言，那么IE浏览器有没有类似的插件呢？这个当然有，新版的IE8浏览器就自带了一款开发人员工具，基本上可以跟firebug媲美，虽然在有些功能还有待完善，但用起来也是绰绰有余了。而老版本的IE6和IE7就没有这个功能了。所以我们为大家推荐一款能够在IE6和IE7平台下调试网页的工具组合：IETester+DebugBar。这里也不详细介绍，简单的说就是一款集成了IE5到内核的浏览器兼容性测试平台。
整体而言当然没有firebug那样完美，而基本可以达到我们调试网站的目的。特别是在对一些对老版本IE浏览器做样式兼容性的时候，这类工具是必不可少的。
IE浏览器中免安装使用Firebug调试的方法：
方法嘛，简单到不行，就是在网站中引入以下 JS 就可以了。
&script type="text/javascript" src="&
调出方式和在 FireFox浏览器中一样，点F12或者Bug图标即可。　　说到这里，或许你就明白了吧，IETester+DebugBar和Firefox+firebug 一样，是基本浏览器和辅助插件来查看/调试网站的，而免安装版的IE版firebug是基于脚本语言，而且很可惜的是，IE 版firebug和IETester+DebugBar一样，只可以查看 HTML、CSS、Script、DOM 等，但是不能修改值以及即时预览。
以下是IE版firebug的截图：&
不知道别的同学们还有什么其他的好的方法来应付对的调试呢？希望大家能够分享给大家！
阅读(...) 评论()查看: 609|回复: 8
注册时间最后登录阅读权限20积分86精华0帖子
注册会员, 积分 86, 距离下一级还需 114 积分
如果用户类firebug网页调试工具修改页面中的值，这样就会影响最终的结果，应该如何防止呢？具体场景如下：
如我在网页中放了两个隐藏的input
&input type=&hidden& value=&1& name=&pid&&
&input type=&hidden& value=&2& name=&level&&复制代码明明要实现的效果是，提交表单后pid为1，写入数据库，表示该项目为id=1的下级字项目，但用户偏偏改成了0或者其它，
如果我修改id为2的名称，用户却把pid改成了3，那写入数据库就会变成，
这就不符合逻辑了。我又需着给标签自定义属性，pid然后通过js得到属性值，然后通过ajax传值，也是一样，标签属性值也可以改？
问一些高人，给的答案一般都是不会有人去改，一是用户没有那个能力，又是一般为网站管理员，不会去做这样的事情。
但我觉着，这不是问题的本质，万一有这样的人呢？
注册时间最后登录阅读权限70积分1964精华0帖子
金牌会员, 积分 1964, 距离下一级还需 1036 积分
没看懂，关firebug什么事？
注册时间最后登录阅读权限20积分86精华0帖子
注册会员, 积分 86, 距离下一级还需 114 积分
↗んρ丶 发表于
没看懂，关firebug什么事？
用firebug修改了值啊，&input type=&hidden& value=&1& name=&pid&&复制代码用户把 value=&1& 改成 value=&3& 然后提交，不就改了吗？
注册时间最后登录阅读权限70积分2789精华0帖子
金牌会员, 积分 2789, 距离下一级还需 211 积分
这个问题我也想过，后来发现改了的话，后台在逻辑判断的时候会处理掉这些改过的不正确或不合法的数据。。比如hidden发送的是用户发微博上传的图片的地址，那么用户随意修改了图片地址之后，后台逻辑判断的时候可能会返回false告诉用户发布微博失败，或者可能图片的地址插入到了数据库表中，下次取数据的时候，取出了错误的地址，然后显示给用户的图片就可能是个无效的地址，所以并没有什么卵用。
注册时间最后登录阅读权限20积分86精华0帖子
注册会员, 积分 86, 距离下一级还需 114 积分
misaka去年夏天 发表于
这个问题我也想过，后来发现改了的话，后台在逻辑判断的时候会处理掉这些改过的不正确或不合法的数据。。比 ...
如果是添加删除呢？影响的不是一篇文章。
注册时间最后登录阅读权限70积分2789精华0帖子
金牌会员, 积分 2789, 距离下一级还需 211 积分
夏雪man 发表于
如果是添加删除呢？影响的不是一篇文章。
添加和删除，在控制器里也会进行逻辑判断的，不会让非法数据随意对数据库进行操作的。如果造成了对数据库的毁坏，那么只能说是开发人员没有很好的写好业务逻辑的代码
注册时间最后登录阅读权限20积分86精华0帖子
注册会员, 积分 86, 距离下一级还需 114 积分
misaka去年夏天 发表于
添加和删除，在控制器里也会进行逻辑判断的，不会让非法数据随意对数据库进行操作的。如果造成了对数据库 ...
谢了，好像知道该怎么做了？
只有在业务逻辑中多增加判断，以避免出现firebug修改值的问题。
注册时间最后登录阅读权限70积分2789精华0帖子
金牌会员, 积分 2789, 距离下一级还需 211 积分
夏雪man 发表于
谢了，好像知道该怎么做了？
只有在业务逻辑中多增加判断，以避免出现firebug修改值的问题。 ...
至少我个人是这么理解的。。。比如input的hidden值是转发的微博的id，那么我把id值随便改一个比如1，会不会转发别人的微博成功我也不知道。。刚才用代码测试了一下我正在做的微博，还真转发了id为1的微博（并没有转发我原先想转发的那个微博，因为我把hidden的id改了）。。。。_(:з」∠)_&&不知道自己的理解是否准确。
注册时间最后登录阅读权限20积分86精华0帖子
注册会员, 积分 86, 距离下一级还需 114 积分
misaka去年夏天 发表于
至少我个人是这么理解的。。。比如input的hidden值是转发的微博的id，那么我把id值随便改一个比如1，会不 ...
是的，我也就是这个意思！
Powered by如何保存firebug数据
用firebug分析网页情况，如何保存这些数据？
08-09-27 &
先定义一个类Model，有3个属性guid,type,ssn。 把SQLserver查询出来的每条记录放到一个Model对象中，再把对象放到List中。 List list = new ArrayList(); while(rs.next()){ Model m = new Model(); m.setGuid(rs.getString(&guid&); m.setType(rs.getInt(&type&)); m.setSsn(rs.getInt(&ssn&)); list.add(m); } // 保存到Oracle中。 // 先要连接到Oracle数据库。 for(int i=0; i&list.size(); i++){ Model m = (Model)list.get(i); String sql = &insert entity(guid,type, ssn) values(?,?,?)&; pstmt.setString(1, m.getGuid()); pstmt.setInt(2, m.getType()); pstmt.setInt(3, m.getSsn()); pstmt.executeUpate(sql); }
请登录后再发表评论!firebug如何使用以及firebug安装的图文步骤
作者：佚名
字体：[ ] 来源：互联网 时间：04-15 09:07:05
Firebug是网页浏览器 Mozilla firefox下的一款开发类插件， 现属于Firefox的五星级强力推荐插件之一
是网页浏览器 Mozilla firefox下的一款开发类插件， 现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发 JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面， 给Web开发者带来很大的便利。
对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一，也可以说Firebug的CSS调试器是专为网页设计师们量身定做的！
firebug怎么安装？
1、首先下载Firefox浏览器 点击下载
2、找到&工具（T）&，下拉列表中选择&附加组件&。
3、&获取附加组件&
4、在搜索里输入&firebug&，稍等即可。
5、安装firebug插件，安装完成后的图标如图所示：
6、查看页面元素并对页面进行修改。
一、安装Firebug
Firebug在Firefox浏览器中运行。另外有一个Firebug lite版本，可以通过javascript调用，包含在页面中，从而在其他非Firefox浏览器中使用。本文不涉及这个版本。
安装Firebug，请访问Firebug下载页面。点击该页面右边栏中部巨大的橙黄色按钮即可。你也可以在Mozilla的FireFox Add-ons站点下载它。安装后只要重新启动FireFox，就可以使用了。
如果你已经安装过了，那么请检查是否更新到了最新版本。打开Firefox的&Tools&菜单，选择&Add-ons&命令，然后在弹出窗口中点击左下角的&Find Updates&按钮。
二、打开和关闭Firebug
在Firebug网站上，可以找到它的快捷键设置。我最常使用以下三种方法：
* 打开Firebug：按F12，或者点击浏览器状态栏右边的绿色标志。
* 关闭Firebug：按F12，或者点击浏览器状态栏右边的绿色标志，或者点击Firebug窗口右上角的红色关闭标志。
* 在单独窗口中打开Firebug：点击firebug窗口右上角的红色箭头标识，或者使用Ctrl+F12/⌘+F12按钮。
Firebug的相关设置：
* 固定Firebug在新窗口打开：先打开firebug，点击左上角的bug标志，选择options菜单中的&Always Open in New Window&设置。
* 增加/缩小字体大小：先打开firebug，点击左上角的bug标志，选择&Text Size&命令。每次字体变化的幅度非常小，你可能需要使用多次。
* 限制只对某些站点使用Firebug：先右击浏览器状态上的green check mark标志，选择&disable Firebug&命令。然后，再右击这个已经变灰的标志，选择&Allowed Sites...&命令，增加允许Firebug生效的域名。
三、Firebug窗口概览
* Console标签： 主要使用javascript命令行操作，显示javascript错误信息，在底部的&&&提示符后，你可以自己键入javascript命令。
* HTML标签： 显示HTML源码，并且像DOM等级结构那样，每行之前有缩进。你可以选择显示或不显示某个子节点。
* CSS标签：浏览所有已经装入的样式表，可以当场对其修改。在Firebug窗口上部，&edit&命令的旁边，有一个本页面中所有样式表的下拉列表，你可以选择一个样式表进行浏览。
* Script标签： 显示javascript文件及其所在页面。在Firebug窗口上部，&inspect&命令的旁边，有一个本页面中所有Javascript文件的下拉列表，你可以选择一个进行浏览。你可以在javascript命令中，设置断点（breakpoint）及其出现的条件。
* DOM标签： 显示所有的页面对象和window物体的属性。因为在javascript中，所有变量都是window物体的属性，所以Firebug会显示所有变量和它们的值。
* Net标签：显示本页面涉及的所有下载，以及它们各自花费的时间，各自的HTTP请求头信息和服务器响应的头信息。XHR标签对AJAX调试很有用。
四、随时编辑页面
在HTML标签中，点击窗口上方的&inspect&命令，然后再选择页面中的文本节点，你可以对其进行修改，修改结果会马上反应在页面中。
Firebug同时是源码浏览器和编辑器。所有HTML、CSS和Javascript文件中的对象，都可以用单击或双击进行编辑。当你输入完毕，浏览器中的页面立刻会发生相应变化，你可以得到瞬时反馈。DOM浏览器允许你对文档结构进行彻底的编辑，不局限于文本节点。在HTML标签中，点击窗口上部&inspect&命令旁边的&edit&命令，下方的窗口就会立刻变成一个黑白的文本编辑窗口，你可以对HTML源代码进行任意编辑。在CSS标签中，Firebug会自动补全你的输入。在DOM标签中，当你按Tab键时，Firebug会自动补全属性名。
五、用Firebug处理CSS
在DOM标签中，每个HTML元素的style属性揭示了该元素的所有CSS设置。你可以双击对这些设置进行编辑。
对于那些Firefox不支持的CSS规则，Firebug会自动隐藏。比如，Firebug会隐藏针对某些浏览器的CSS特定设置，以及一些它不支持的CSS3规则。所以，它会隐藏_height:25（下划线是一个针对IE6的设置）和p:first-of-type {color: #ff0000;} (:first-of-type是一个CSS3规定的伪类，目前只有Safari 3支持）。但是，这也意味着，如果你恰巧发生了打字错误，导致某些规则无法显示，那么你只有使用其他编辑器显示全部CSS内容，找到你的错误。
Firebug允许你关闭CSS中的某些语句，页面会立刻反映相应变化，你可以立刻查看效果。&关闭&一条语句的方法是，在该语句的左边点击，会出现一个红色的禁止标志。该语句就会变灰。再次点击，该语句就会恢复。
Firebug允许你编辑CSS的属性和属性值。你只要对它们点击，就能编辑。修改后的效果会立刻在浏览器窗口中显示出来。这个特性最好的运用，是在确定准确定位的padding和margin时，firebug允许你用方向键逐单位的增加。
Firebug允许你增加新的属性和属性值。增加方法是双击现有的selector，然后就会出现一个空白的属性名输入框，完成输入后则会出现一个空白的属性值。
六、盒状模型
当你在HTML标签中，点击一个元素时，左面窗口显示HTML代码，右面窗口显示该元素的CSS。在CSS窗口上方，有一个layout按钮，点击后会展示与该元素相关的方块模型，包括padding、margin和border的值。要查看每一个元素的这三项值，只需点击&inspect&按钮，然后用鼠标悬停在页面中该元素的上方。
七、评估下载速度
Net标签中图形化了页面中所有http请求所用的时间。使用这个功能，必须打开Network monitoring，默认设置就是打开，但是你可以在&options&下拉菜单中关闭这个选项。你可以用这项功能评估javascript文件下载，占用整个页面显示的时间。
在每个HTTP请求的左面点击，会显示该次请求的头信息。
在1.0.5版以后，你可以单独查看HTML文件、CSS文件、图像文件等各自下载的时间。
DOM标签提供页面上所有物体的所有属性的信息。Firebug最酷的功能之一是，它可以动态修改页面，反映在浏览器窗口，但是如果使用浏览器自带的查看源码功能，你会发现源码并没有改变。
九、Javascript调试
JavaScript profiler可以报告你的Javascript函数执行所花的时间，因此你可以查看不同函数对速度的影响。使用这个功能的方法是，打开console标签，然后点击上面的Profile按钮（上部的按钮顺序是&Inspect |Clear | Profile&）。Firebug列出调用的所有函数，及其所花的时间。你可以针对要测试的某个函数，在其前部加上console.profile([title])，在其后部加上console.profileEnd()。
console标签的底部是命令行输入，它以&&&&&开头。如果命令行输入有结果输出，那么它会展示在上部的窗口。有一个详细的命令行输入API值得看一下。Firebug内置console对象有几种有用的方法可供调用，包括console.debug、、console.warning、console.error等。如果这些方法产生了输出结果，Firebug会提供一个链接，让你查看相应的代码。
调试的另一个方法是设置断点。Script标签允许你在任意行暂停执行。单击行号，就会设置一个断点。右击行号，就可以设置一个断点出现的条件，只有当条件为真时，程序才会暂停执行。右面还有一个watch窗口，可以查看当前变量的值。
前面已经提到，Firebug可以捕捉页面的动态内容和其他DOM变化。如果你打开这个示例文件，点击页面上的链接后，在浏览器中查看源码，你会发现什么也没有改变，源码中依然包含那个链接。但是，如果你在Firebug中查看源码，你会发现DOM已经发生了变化，&Hello World&已经被包括在内了。这就是Firebug的核心功能之一，没有它，AJAX的请求和回应就是不可见的。有了它，你可以看到送出的和收到的文本，已经相应的头信息。在Net标签中，你还能监控每个请求/回应各自所花费的时间。
Net标签中的XHR功能，对查看AJAX操作特别有用。如果你点击每个服务器端回应前的加号，你就会看到服务器端回应的头信息和内容。
当通过XMLHttpRequest对象向服务器端发出一个请求时，Firebug会记录请求的POST或GET内容，以及回应的头信息和内容。使用Net标签中的XHR功能，就可以看到这些内容。它会列出所有服务器的回应，以及所花费的时间。点击前面的+号，如果是GET请求，会显示三个标签；如果是POST请求，会显示4个标签：
Params: 显示请求URL中所包含的name/value对。
Headers: 显示请求和回应的头信息。
Response: 显示实际从服务器收到的信息。
Post：显示从通过POST请求，送到服务器的信息。（此项GET请求不包括。）
这四个标签对编写和调试程序很有用。检查POST和Params标签，确定你的请求被正确地发出了。检查Response标签查看返回的格式，确定相应的Javascript处理函数应该如何编写。
大家感兴趣的内容
12345678910
最近更新的内容推荐这篇日记的豆列
······