10个Firefox扩展使firebug更强大

10个Firefox扩展使firebug更强大
10个Firefox扩展使firebug更强大

即使不从事网页设计,只要喜欢Firefox,大多数人也会喜欢上firebug。firebug是什么?firebug集HTML 查看和编辑、Javascript控制台、网络状况监视器于一体,就一个很强大的开发插件。

有些网页有些源代码不能让你查看?没问题,firebug足以应付绝大部分的网页。故说,firebug也是一个偷师的好工具。

虽然说firebug的功能已经足够强大,但也有人不仅满足以现在的功能。于是开发了很多插件以辅助firebug工作得更好。下面Sonny介绍一下10个firebug的辅助性插件:

1. Pixel Perfect

Pixel Perfect 的特长是:它很明显很依符在firebug上,当你修改CSS 和HTML是,显示结果会覆盖原来的页面布局,可以切换不同的而已结合,那么就更容易得到很好的组合。

表达很难,直接看这里的视频吧。

安装或下载Pixel Perfect

2. Page Speed

Page Speed是一个用于测试网页性能的扩展,开发者有时候会更愿意自己网页的性能,例如是否合搜索引擎的心意。是由google开发的,用于网页加速。

使用前可以先参考一下英文版的指南。

?安装Page Speed

3. CodeBurner

CodeBurner,我们知道用firebug可以查看html及CSS,但有时有些开发者撰写的代码不一定是符合W3C标准的,安装CodeBurner之后,查看有码代码的同时,firebug也同时显示符合W3C标准的建议。(13个网页设计必备的Firefox扩展)

?安装CodeBurner

4. FireRainbow

FireRainbow就是能高亮显示有关代码,功能就这么简单。它官方还提供20多个主题,颜色组全由你选择。

?安装FireRainbow

5. Inline Code Finder

Inline Code Finder专注于找出内嵌JavaScript和CSS,以JavaScrip(功能)t和CSS(样式)的不同分开显示html。它搜索整个网页的内嵌代码及有关信息,还可以过滤某些内嵌代码。

?安装Inline Code Finder

6. Firecookie

有时候cookies是一个很烦人的东西,会浪费点时间。Firecookie就是一个可以管理,创建,删除cookies 及相关的扩展。

?安装Firecookie

7. FirebugCodeCoverage

FirebugCodeCoverage是一个测量你的网页有多大一部分代码是被执行了的,如果没被执行的代码过多,那就不好了。

?安装FirebugCodeCoverage

8. SenSEO

SenSEO很明显是一个SEO(搜索引擎优化的插件)扩展,重点提示元标签、标题和其他有关标准。

?安装SenSEO

9. Yahoo! YSlow

YSlow是一个评价网页的性能,并提出改进方案的插件。如显示信息和统计资料,网页组件的优化和集成工具,这些工具如JSLint和Smush.it。

?安装YSlow

10. Firefinder

Firefinder可快速搜索CSS的类选择器,找到哪些部分是受哪个CSS组件影响并高亮显示。

?安装Firefinder

本文总结及截图出自Jacob Gube之手。原文在这里。

Firebug+Firefox调试方法

在火狐中困扰我大半天的js问题.找到这个. 半小时就搞定了.. .下面是原帖内容. 什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript 给页面增加一些更活泼的要素;要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面,才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员,在这里为大家介绍一款轻巧灵活的辅助开发工具。 Firebug是Firefox下的一款开发类插件,现属于Firefox 的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。这是一款让人爱不释手的插件,如果你以前没有接触过它,也许在阅读本文之后,会有一试的欲望。笔者在撰写此文的时候,正逢Firebug发布1.0正式版,这不能不说是种巧合。 应用 Firebug插件虽然功能强大,但是它已经和Firefox浏览器无缝地结合在一起,使用简单直观。如果你担心它会占用太多的系统资源,也可以方便地启用/关闭这个插件,甚至针对特定的站点开启这个插件。 在安装好插件之后,先用Firefox浏览器打开需要测试的页面,然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件,它会将当前页面分成上下两个框架,如图1所示。 图1:Firebug插件展开图示 从图1中看到,Firebug有6个主要的Tab按钮,下文将主要介绍介绍这几方面的功能。 Console 控制台 控制台能够显示当前页面中的javascript错误以及警告,并提示出错的文件和行号,方便调试,这些错误提示比起浏览器本身提供的错误提示更加详细且具有参考价值。而且在调试Ajax应用的时候也是特别有用,你能够在控制台里看到每一个XMLHttpRequests请求post出去的参数、URL,http头以及回馈的内容,原本似乎在幕后黑匣子里运作的程序被清清楚楚地展示在你面前。

图形组态设计系统使用说明书样本

组态软件设计系统说明 一、配置运行环境 1.1安装tomcat服务器及axis插件 首先需要安装Tomcat服务器(作为web容器, 主要是解析和运行jsp), 在安装Tomcat之前, 先要确定主机上是否有java环境, 如果没有则应该先安装jdk( 这个能够直接在网上下载到) , 根据安装提示安装完Tomcat之后, 要确认是否安装成功, 即启动Tomcat, 然后在网页地址栏输入http://localhost:8080( 注意这里的8080是在安装过程中所选择的端口号)如果出现Tomcat主页, 则说明安装成功。在网上下载个axis插件axis.war 文件, 放在Tomcat安装路径的webapps子文件下, 重启Tomcat, 同时将服务文件iPowerGraph.aar文件复制到webapps/axis2/WEB-INF/services下。将整个工程iPowerGraph文件拷到webapps子文件下。 新建一个环境变量, 变量名: CATALINA_HOME 变量值: D:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps( 即电脑上安装Tomcat的路径) 改完环境变量后重启电脑, 将iPowerGraph文件拷到Tomcat安装路径下的webapps子文件下, 同时将服务文件iPowerGraph.aar文件复制到webapps/axis2/WEB-INF/services下, 重启Tomcat即可。 1.2安装火狐浏览器( 4.0以下版本) 由于当前各种浏览器对svg矢量图的各种属性支持程度不一致, 在综合考虑之后, 最终选择火狐浏览器作为运行平台。当前实际应用的版本是火狐

Firefox Chrome插件、扩展的区别

插件(plugins)、扩展(extensions)与主题(themes)和语言包(languages)都是附加组件(Add-ons)不同种类。 插件与扩展是完全不同的东西。 Firefox:插件与扩展 插件(Plugins/Plug-ins): 它通常是第三方应用程序提供给firefox使用的二进制文件。也就是说第三方应用程序把相关功能编译成了二进制的机器指令提供给各类浏览器,方便它们调用。 Firefox需要显示某些自身并不能显示的特定文件类型的时候,就会调用与之相关的第三方应用程序提供给firefox的插件来显示它。插件的作用也在于此。 windows下的firefox插件通常是dll格式,linux下的通常是so格式。 例如,Adobe提供给firefox的插件“Adobe reader”使其能直接在浏览器里显示网络上的pdf 文档,而Adobe提供给firefox的另一个插件“Adobe shockwave flash”则使其能显示网页中嵌入的flash。Microsoft提供的“Windows media player firefox plugin”使firefox能播放网页中嵌入的windows媒体(wmv、wma、asf以及对应的播放列表格式)。 扩展(extensions): 它通常是扩展开发者为了修改或者增强firefox本身的功能而提供的一种打包格式。它通常由包含功能代码的js脚本、包含界面的xul文件以及包含皮肤的css文件和各种图像文件组成。少数特定平台下的扩展可能还会附带一些二进制文件。 ?Firefox扩展是什么? 官方定义:它是用于给Firefox增加一些实用新功能的附加组件。 使用的技术: ○XUL: 一种基于XML的用户界面语言 ○CSS,DOM,JavaScript ○XPCOM: 跨平台的COM(COM 的全称是Component Object Model 组件对象模型。)技术,基本原理与微软的COM类似 ○XPConnect: 将JavaScript和XPCOM连接起来,即可以让XPCOM组 件被脚本化,在js代码中调用,也允许使用js来开发XPCOM组件 开发,相当于“胶水”。 ○RDF: 资源定义框架,用于保存扩展的注册信息和描述信息 扩展的格式都是xpi后缀的。其实是zip格式打包的。 常见的扩展有noscript、adblock plus等。

FireBug调试

J a v a s c r i p t的调试利器:F i r e b u g使用详 解 收藏 J a v a s c r i p t的调试,是开发W e b应用尤其是A J A X应用很重要的一环,目前对 J a v a s c r i p t进行调试的工具很多,我比较喜欢使用的是F i r e b u g。F i r e b u g是J o e H e w i t t开发的一套与F i r e f o x集成在一起的功能强大的w e b开发工具,可以实时编辑、调试和监测任何页面的C S S、H T M L和J a v a S c r i p t。 本文主要是为初学者介绍一下F i r e b u g的基本功能与如何使用F i r e b u g。由于本人水平与能力有限,在文章中的可能会有很多错误与遗漏,希望大家能谅解和指正! 1、安装 F i r e b u g是与F i r e f o x集成的,所以我们首先要安装的事F i r e f o x浏览器。安装好浏览器后,打开浏览器,选择菜单栏上的“工具”菜单,选择“附加软件”,在弹出窗口中点击右下角的“获取扩展”链接。在打开的页面的s e a r c h输入框中输入“f i r e b u g”。等搜索结果出来后点击F i r b u g链接(图1-1红色圈住部分)进入F i r e b u g的下载安装页面。 图1-1 在页面中点击I n s t a l l N o w(图1-2)按钮。 图1-2 在弹出窗口(图1-3)中等待3秒后单击“立即安装”按钮。

等待安装完成后会单击窗口(图1-4)中的“重启 F i r e f o x”按钮重新启动F i r e f o x。 图1-4

firefox火狐浏览器使用技巧大全

Mozilla Firefox是一个自由的,开放源码的浏览器,适用于Windows, Linux 和MacOS X平台,它体积小 速度快,还有其它一些高级特征. 1.任意缩放文字大小 在IE浏览器中,我们只能对文字的大小进行五个级别的调节,但是在火狐浏览器Firefox中,我们可以任意地缩放文字的大小。操作的方法很简单,只要点击菜单“查看→文字大小”,在子菜单中就可以看见放大、缩小和正常三个选项,点击相应的选项就可以了,而且还可以用快捷键来快速的设置。 2.搜索收藏夹里面的网页 在收藏夹中收藏了很多网站地址,平时又不太整理,所以当要找其中一个网站地址的时候就会很麻烦,在火狐浏览器Firefox中可以对收藏夹进行搜索。点击菜单“书签→管理书签”,在弹出的“书签管理器” 中输入要搜索的关键字,按回车后就可以搜索到收藏夹中相关的网站名称和地址了。 3.查看部分源代码 在火狐浏览器Firefox中除了可以用“查看→查看源代码”查看网页的源代码外,还可以查看网页局部的源代码,只要我们用鼠标选中要查看源代码的部分,然后点击鼠标右键选择“查看选中部分源代码”,这时就会弹出一个显示源代码的窗口,里面选中的部分就是网页中选中部分的源代码。 4.设置多个页面为首页 在IE浏览器中只能设置一个网页为首页,现在用Firefox就可以设置多个首页。先用火狐浏览器Firefox浏览器打开要设置为首页的多个网站,接着点击菜单“工具→选项”,在选项对话框中点击桌面的“基本信息”,然后在“主页”栏中点击“使用当前的多个页面”按钮就可以把当前打开的几个页面同时作为首页。 编辑提示:如果要设置为首页的网站已经保存在收藏夹中,点击该窗口中的“使用书签”按钮,从收藏 夹中来选择网站作为浏览器的首页。 5.有选择的删除Cookies Cookies文件在火狐浏览器Firefox中可以有选择的进行删除,这样我们就可以删除无用的Cookies 了。点击菜单“工具→选项”,在选项对话框中点击左面的“隐私”,接着在右面点击“Cookies”,在显示的内容中点击“已存储Cookies”按钮。然后就可以在弹出的窗口中看到本地电脑中保存的所有Cookies,在上面选中要删除的,再点击下面的“移除Cookie”按钮就可以删除了,如要删除全部就点击“移除所有 Cookie”按钮。 火狐浏览器Firefox还可以对用浏览器直接下载的文件进行管理,点击菜单“工具→下载项”会弹出“下

如何使用firebug进行调试

如何使用firebug进行调试 2009-06-05 18:34 不了解的同学先“点这里”看看什么是Firebug。简单来说,Firebug是Firefox上用来监视、编辑和调试站点的CSS、HTML、DOM和JavaScript的扩展工具。 我们先到Firebug的主页上下载最新的版本装上,下面开始调试: 1、查看、编辑HTML元素及其CSS 安装好Firebug之后,你可以通过点击浏览器右下方的小虫子打开Firebug,如图: [打开Firebug] 或者直接按F12,如果要以窗口形式打开的话,就按下CTRL+F12 打开Firebug之后,点击“查看”,然后选择页面上任何需要编辑的地方,Firebug会将其选中,并且在HTML结构中将其高亮,如图: [Firebug的查看按钮] 之后你可以对该元素的HTML结构、属性进行任意的编辑,修改后的效果都会实时的展现在页面当中。 同时在Firebug的右侧是该元素对应的CSS样式,如下图: [Firebug中元素的样式查看] 图中的样式,显示了该元素被重新定义的样式继承关系,比如“继承自body.CurHome”的“text-align”属性被“继承自div.shell”的“text-align”覆盖,原先的属性就会以中横线的形式表示出来。如果要查看所有的属性,请勾选图中标“1”的选项。 单击“2”可以禁用/打开某条CSS属性;单击任意一个属性或者属性值可以进行CSS的编辑,如“3”;双击“4”则可以新建一条CSS属性。现在我们点击下“5”来看看CSS布局面板: [Firebug中的CSS布局面板] 上面这幅图展现的是一个HTML结构的标准盒模型,通过点击相应的数值可以修改该值,同时在浏览器窗口中显示出对应的效果来。 2、查看动态生成的HTML代码的方法 通过“查看源代码”的方法,无法看到由JS动态生成的HTML结构,这里我们可以通过Firebug 来查看,如下图,选中“body”节点,按下“编辑”,即可输出页面上源文件的代码以及动态生成的代码。 [查看所有动态生成源代码]

FireFox火狐常用插件介绍

1. Firefox Portable 这个东西其实严格说来不能算是插件。他中文名字是“便携版火狐”,说白了,也就是绿色版火狐。之所以把他放在第一位是因为他的配置完全绿色保存,包括插件,主题,扩展,使用习惯等,你甚至可以把它放在你的U盘里,走哪用哪,完全不怕重装系统带来的放哪所。这太重要了,想一想每次装完系统最痛苦的是什么?没错,装软件,装驱动。同理,每一个Firefox用户都至少有几个必备插件,如果每次重装系统都要重装Firefox,进而重装所有插件……自己想吧,呵呵。 2. IETab 这可是个好东西。前面说了,很多网页在Firefox上的显示效果并不好,遇到这种情况,以往我们的做法是关掉Firefox,打开IE。而现在不同了,因为我们有了IETab。这个插件的作用就是调用IE核心!有了这个插件,你可以随时切换FireFox的内核,如果你发现页面排版很乱,那么试试点击一下右下角火狐图标一样的小图标,这时这个图标会变成IE经典的蓝色e图标,这就表示现在是在用IE浏览这个网页了,怎么样,一切正常了吧?什么?还不对?那一定是他们的网页做出问题了。 3. Foxmarks/ Xmarks 别误会,这是同一个插件。之前的版本叫Foxmarks,在某个版本之后改名叫Xmarks。说起来从这个插件开始这次介绍的第一款真正含义以上火狐的功能插件吧(前面两个,一个是便携版,一个是调IE,呵呵)。这个插件的功能太强大了,他的作用是在多台电脑间同步你的书签(也就是IE里的收藏夹)。具体来说,你一定有这样的体会,当你用IE的时候,当你重做系统的时候,当你又一不小心忘了备份你的收藏夹的时候,或者当你去网吧或公司换了一台电脑而没带备份的收藏夹的时候,那么恭喜你,重新收藏吧。 Firefox就可以完全避免此类情况的发生。通过Xmars插件,你可以在该插件的公司注册帐号,之后本地的收藏夹会同步到该公司的服务器上。同步是什么意思?简而言之,就是让服务器上的数据和你本机的保持一致。所以,假如你第一次使用这个插件,他会把你本地的所有书签,按照你的分类格式上传服务器。那么当你下班回家,打开Firefox,他会自动从服务器上下载下来。同样,这时候你又新收藏了一个网页,他也会自动把这个新增加的书签上传,你第二天到公司打开Firefox 就会发现,书签已经自动更新了。怎么样,很酷吧!如此一来,你再也不用担心收藏夹丢失的事情了,即使你所有的电脑同时全部重做系统,那么你要做的也仅仅是下载Firefox,安装Xmarks插件,接下来的事情,就是等着看你的书签重新出现吧! 当然,如果你使用的第一条中提到的绿色版,那就更简单了,那里是一个完整的Firefox,当然,也包括你的书签。 4.Adblock plus 这个东西其实现在IE 上也有了,就是屏蔽广告。但是他的效果可比IE好得多了。除了常规的屏蔽弹出广告窗口功能外,更可以让你自定义屏蔽内容。现在的网络是很不干净的,弹出窗口早已不是唯一的广告途径,到处充斥着乱七八糟的图片,浮动广告,但是有了Adblock plus,你只要在图片,flash等元素上右键->过滤图片/过滤帧等,一切就清静了。 5.Firebug 这个插件对于从事网页开发的人来说简直是太棒了!所有开发网页的同学都知道,javascript这个东西是很烦人的,尤其是调试的时候,尤其尤其是在IE 下调试(现在IE8好

网站文章发布指南

网站文章发布指南 (一)标题 1.尽可能更换标题内容; 2.系列文章可以更换系列主题(如:高尔夫球杆迷思->球具解惑); 3.长短适中,最好刚好在首页上显示完整; 4.注意在标题中增加关键词; (二)文字 1.先复制到记事本中去除所有格式,然后使用word中(也可直接选择性复制到word 中); 2.在word中进行繁简转换,并使用全角符号替换半角符号(替换.为。时候应注意); 3.然后再复制到记事本中再次去除word格式,最后复制到编辑器中; 4.在编辑器里使用回车进行分段,每段前空两个全角空格; 5.小标题之前也空两格,并加粗(不包含空格,但包含之后的冒号); 6.去掉段落前的“-”符号及其他无用符号; 7.文字使用默认对齐,不是点击编辑框的左对齐,若是操作错误(如点成居中),可 以到源代码中删除对应样式代码; (三)配图 1.所有文章必须配图,至少一张,长文章可以使用多张配图; 2.如原文中有无水印图可以直接使用; 3.原文中没有可以使用的图片,使用百度或者谷歌图片搜索相关关键词,尽量找前几 页的图片; 4.图片长宽建议值为500px(使用画图缩放后保存),如果特殊图片样式可酌情处理; 5.图片必须下载到本地,然后通过编辑器上传到空间中; 6.在保证图片大小及显示效果的同时,尽量使用JPEG格式的图片(扩展名.jpg); 7.图片名称尽量长一些,特殊一些,避免与原有上传的图片冲突,无好想法的时候可 以使用日期+主题命名(如:20110915_callaway.jpg); 8.图片嵌入位置一般为最开始或者第一段至第三段中间,多张图片可按照章节配图 (一般在小标题前); 9.文章配图均为单独一段,居中对齐; 10.图片上传后必须填写图片说明(Alt值),图片说明内容一般为正常图片说明文字或 者文章标题,也可以用关键词(如人名、比赛名、球杆名); 11.部分图片可以在图片下居中放置减短文字说明; 12.图片上传错误的情况,务必到FTP上删除上传错误的图片; 13.如有印象的图片重复使用,务必使用原来上传的图片,不要重复上传; (四)表格 1.可以直接复制来源中表格的HTML源代码; 2.注意去除无用的空格、无用换行、外链样式(class=”XXX”),保留直接写入的style 样式; 3.检查表格宽度,不能超过690px; 4.表格代码直接插入编辑器HTML代码编辑中,前后不加 ; (五)引用

火狐插件介绍

标签页管理 Tabbrowser Preferences - 增强式标签页浏览扩展,提供一个很全面的图形界面,以便让用户能够轻松更改Firefox中的隐藏设置,让Firefox的标签 页浏览功能更加强大和完善,并提供关于链接打开方式的详细设置。 Tab Mix Plus - 在页签上增加了更多的功能,允许你在一个页签上打开多个 链接,或者在多个页签打开同一个链接,合并或者关闭同一个域名的链接等。 Restart Firefox - 在文件菜单中加了一项“重启firefox”,在安装 扩展或插件后,使用这个插件可以很方便,不用关闭FireFox。 Sessionsaver - 恢复上一次打开的页面,如果你上次用过FireFox的话,这对于崩溃的FireFox同样有效。 Duplicate Tab - 允许你在新窗口或当前窗口复制相同的页签(包括浏 览历史等)。 Colorful Tabs - 可以让打开的标签变成彩色的,使得界面美化。 Viamatic foXpose - 在状态栏上增加一个图标,点一下就可以打开所有 的页签。 Firefox Showcase - 简化定位和选择当前窗口的操作。 Separe - 帮助整理当前页签。 Permatabs - 使得一个被选定的页签不能被关闭,并且永远驻留在内存。 FaviconizeTab - 调整页签的宽度,并且只显示图标。 网页链接管理 Linky - 下载选中内容中的所有的网页、图像、文件链接等等。 WebMailCompose - 让网页上的发邮件链接自动转移到web邮件的发送邮件地址。 Linkification - 使得FireFox可以在查看纯文本的时候识别链接地址 并打开链接。 IE Tab - 使用IE内核访问网页。对于只支持IE的页面特别有用。 FirefoxView - 在IE中使用FireFox打开当前的页面。 Paste and Go - 让你粘贴URL到地址栏后自动打开页面,或者使用快捷 键Ctrl-Shift-V。 ErrorZilla - 修改默认的404错误页面为一个Google的缓存页面。

火狐浏览器Firefox常用所有插件详细配图介绍

火狐浏览器Firefox常用所有插件详细配图介绍(站长强烈推荐) 关于“火狐浏览器有...”的内容 本站搜索更多关于“火狐浏览器有下视频的插件没”的内容 现在火狐很火,火到几乎所有的网站都有推荐使用火狐的广告。我用过一段时间,的确防毒功能,防恶意插件等不错,但火狐使用也很困难,尤其是打开火狐感觉也很慢。其实只要你好好配置,它就很好用了,详细教程如下!---------站长编辑 Firefox下载好后总是要配置很多的插件才能用的好。初学者总是觉得麻烦。以下介绍以下我常用的插件,基本上覆盖了日常需要的功能.配置这些好像很麻烦,但是只需要一次即可。Windows用户有个非常简单的方法保存这些配置。 方法是:首先在我的电脑/工具/文件夹选项/查看中,选中显示隐含文件。 然后将以下两个路径的文件夹另存在安全的地方就可以。 C:\Documents and Settings\Your Name\Application Data\Mozilla\Firefox C:\Documents and Settings\Your Name\Local Settings\Application Data\Mozilla\Firefox Your Name是你的用户名。 重装系统后,只要把上述两个文件夹保存到原路径,即可以恢复你以前的保存的所有Firefox中的设置/插件/浏览历史等内容。 在工具/附加软件/插件里能找到已经安装的插件列表。

1. Adblock Plus 下载地址:https://www.360docs.net/doc/e39722167.html,/firefox/125/ 这个是用来过滤网站上的广告的,比如sina首页上的漂浮广告。安装后我们进入下面的网站来订阅实时更新的过滤地址列表: https://www.360docs.net/doc/e39722167.html,/en/subscriptions

firefox 插件 开发(3)-基于QT的firefox插件

Qt 开发浏览器插件 Qt的Browsesr Plugin框架,通过简单的办法将widget或者objects编程浏览器支持的插件(支持Netscape LiveConnect APIs的浏览器)。 Netscape, Mozilla FireFox and Opera 支持Qt的插件。ActiveQt用来支持IE的插件ActiveX。 1.下载qtbrowserplugin- 2.4_1-opensource.zip 参考网站: https://www.360docs.net/doc/e39722167.html,/products/appdev/add-on-products/catalog/4/Utiliti es/qtbrowserplugin/ 我将下载后解压的文件放在 D:\QT-VS2008_Develop\qtbrowserplugin-2.4_1-opensource 然后按照INSTALL.TXT上的内容来编译例子和安装帮助文件等。 (1)编译例子 从命令行进入D:\QT-VS2008_Develop\qtbrowserplugin-2.4_1-opensource后,首先qmake 然后make (2)安装帮助文档 2.windows 下用vs2008+qt编译插件,并测试插件 如果没有Vs2008与qt的编译环境,需要建立环境。 (1)新建Qt工程 A. 选择Qt Applilcation 名称为qtwebpluginstest。 B.点击OK后,点击Finish即可建立工程 (2)打开文件qtwebpluginstest.ui, 在Qt Desiner中拖拽PushButton放置于窗口,修改其名称为“点击我吧”。

Fiddler的基本介绍及使用(个人整理)

Fiddler工具的介绍及使用 一、Fiddler的基本介绍 Fiddler官方网站提供了大量的帮助文档和视频教程,这是学习Fiddler的最好资料。 Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据。 Fiddler无论对开发人员或者测试人员来说,都是非常有用的工具。 Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(指cookie,html,js,css等文件,这些都可以让你胡乱修改的意思)。Fiddler 要比其他的网络调试器要更加简单,因为它不仅仅暴露http通讯还提供了一个用户友好的格式。 二、Fiddler的工作原理 Fiddler 是以代理web服务器的形式工作的,它使用代理地址:127.0.0.1,端口:8888。当Fiddler 退出的时候它会自动注销,这样就不会影响别的程序。不过如果Fiddler非正常退出,这时候因为Fiddler 没有自动注销,会造成网页无法访问。解决的办法是重新启动下Fiddler。 三、同类的其它工具 同类的工具有: httpwatch, firebug, wireshark

四、Fiddler 开启原理 左下角的capturing显示,表示开,不显示表示关,也可以用F12进行开关,或者File菜单下Capture Traffic 被勾选,勾选后fiddler才能监控浏览器的一举一动。 代理开关为开:可以抓到包,代理开关为关:抓不到包 浏览器的代理设置默认是关着的,工具--Internet选项--连接--局域网设置--代理服务器 Fiddler在操作时,通过修改注册表的方式,将系统的一些VRnet的代理模式全部给修改掉,改到Tools--Telerik Fiddler Options--Connections自己的代理端口上,默认端口为8888。 如果修改端口,需重启软件件才会生效,就是每次重新开启软件,它会根据你填写的端口打开一个自己的的代理,此时在通过代理开关,比如IE或者系统软件。只要你走系统代理,都可以抓到数据包。 五、版本说明 Fiddler一共2个版本,一个是Fiddler2,一个是Fiddler4,两个版本没有太大的区别,系统底层支持是不一样的,Framework版本不同(.net版本) Fiddler4支持win8以上 Fiddler2支持winXP(.netk只有2.X版本)、win7(.netk只有3.X版本) 如果win7要安装Fiddler4,会提示安装.net 4.0以上版本 底层并没有太大的区别,最终会影响在做Fiddler插件,因为Framework版本最终决定Fiddler插件版本 建议使用Fiddler4版本,只要升级Framework框架版本到4.0即可。 六、Fiddler界面详解

如何彻底解决firefox火狐浏览器与adobe flash player插件的卡顿问题

如何彻底解决firefox火狐浏览器与adobe flash player插件 的卡顿问题 Mozilla出品的Firefox浏览器(俗称火狐),凭借高度自定义组件,开源的内核,较高的安全性,丰富的扩展应用,一直是小编的最佳的浏览器之选。火狐浏览器更新速度很快,现在迎来了最新版本号24,熟悉Firefox浏览器的用户对于Adobe出品的flash插件,可以说是爱恨交加。这个小小视频插件常常造成Firefox 浏览器上网延迟,卡顿,甚至未响应,最终是插件奔溃。 其中最严重的案例就是Firefox 13和当时的Adobe flash player 11.3插件,由于flash player 11.3引入沙箱安全机制,造成火狐一直无法发挥正常状态,甚至奔溃。与谷歌chrome浏览器自带flash player插件不同,Firefox浏览器需要用户手动安装flash插件,于是新旧版,官方版,beta测试版各种版本的flash player 插件都需要Firefox去测试兼容性,因此小编建议用户可以及时更新最新版的官方flash player插件。 最近在win8,win8.1系统上,也发现firefox新版与flash player 11.8之间不和谐的问题。从flash player11.3开始,新版的插件都引入了安全沙箱技术。但是这个沙箱技术与谷歌chrome独立进程,独立沙箱机制相比,差的很远。如果adobe flash player沙箱技术真有效,那频频被攻陷,频频升级的,却又是flash插件。所有小编建议,如果要彻底解决firefox火狐浏览器与adobe flash player插件的卡顿问题,最直接方法是禁用flash插件,最高级方法就是禁用flash player的安全沙箱技术。浏览器上网保护还是交给人脑或者安全软件更可靠。 为此,Adobe官网也给出解决方法,虽然是针对旧版11.3的解决方案,但一直适用新版的11.x版本: 禁用安全沙箱技术,主要通过修改mms.cfg解决:

火狐调试工具-DevTools的介绍与使用

火狐调试工具-DevTools的介绍与使用 咱们做写js代码的时候,遇到的一个最大的问题就是调试问题,很多开发者在写js代码的时候,经常都非常痛苦。但是我们如果掌握好相应的调试工具,那么就可以比较游刃有余的解决js的调试问题。工欲善其事,必先利其器。 调试工具比较好的有火狐的firebug,另外chrome的自带调试工具也非常不错(英文版)。 掌握好这些调试工具,可以更好的学习js,也可以大大提高咱们完成js的排错能力。因此,我建议所有要使用js的人员都最好能好好的掌握一下这些工具。 本来火狐的firebug一直以来都是我认为最好的调试工具,但是现在Firebug官方已经宣布了停止Firebug的维护,咱们新版本的火狐已经无法再使用它。 以下是在官网找到的Firebug最新版本(最多只支持火狐47): 虽然非常可惜,但是好在火狐还有自带的调试工具,而Firebug团队也推荐大家可以使用火狐的DevTools工具。 下面就是我总结的这款工具的一些基本的使用方式。 1、安装并打开调试工具 下载火狐浏览器(我下载的firefox54)安装即可 地址:https://www.360docs.net/doc/e39722167.html,/ 咱们打开火狐浏览器,直接按F12即可打开这个调试工具。 PS:有些用户火狐安装插件,可能导致F12没有效果,可以在设置中打开(如下图): 找到开发者选项:

点击Web控制台打开

这时候可以看到调试工具已经打开:

2、调试工具的页面总体介绍 1)查看器:可以在下方看到页面的HTML代码,而选中某个HTML元素也可以看到它对应的CSS样式(结合审查元素工具使用非常好) 2)控制台:咱们用得最多的一个面板,可以自定义决定咱们要看哪些高度数据(console 打印的数据都在这里展示) 3)调试器:可以为js添加debug功能 4)样式编辑器: 查看当前页面的所有样式 5)性能:分析js的每一个操作的性能 6)内存:当前页面的一些堆栈内存 7)网络:查看当前每一次请求 对咱们比较重要的工具有:审查工具,控制台,网络 现在,咱们就单独介绍一下这三个工具的使用: 工具一:审查工具 点击这个审查工具,我们就可以查看页面上的所有元素(使用方式如下图):

linux 下火狐浏览器插件开发

火狐浏览器插件开发 参考资料:https://www.360docs.net/doc/e39722167.html,/tmy13/item/14ab45971e76511e924f41ba 1.下载sdk:https://https://www.360docs.net/doc/e39722167.html,/en-US/docs/Gecko_SDK 我的是下载这个版本。 xulrunner-1.9.0.17.en-US.linux-i686.sdk.tar.bz2 解压到/home/chjan/下命名为xulrunner-sdk 2.下载np_entry.cpp,npn_gate.cpp,npp_gate.cpp,plugin.cpp,plugin.h,resource.h文件https://www.360docs.net/doc/e39722167.html,/seamonkey/source/modules/plugin/samples/npruntime/ 将其放入同一目录下/home/chjan/FireFox/ 3.生成so动态链接库: 3.1修改cpp文件:

a. 方法一: 进入/home/chjan/FireFox/目录下执行: g++ -I /home/chjan/xulrunner-sdk/include -I /home/chjan/xulrunner-sdk/include/java -I /home/chjan/xulrunner-sdk/include/nspr -I /home/chjan/xulrunner-sdk/include/plugin -shared -o libnprt.so np_entry.cpp npp_gate.cpp npn_gate.cpp plugin.cpp 生成libnprt.so文件 b. 方法二: 在eclipse开发工具中编译: 新建名为plugin的C++工程: 将np_entry.cpp,npn_gate.cpp,npp_gate.cpp,plugin.cpp,plugin.h,resource.h文件拷到plugin工程下

Yslow和page speed使用指南

Yslow和page speed的使用说明 一、Yslow和page speed简介 Yslow可读为why slow(为什么慢),是Yahoo发布的一款基于FireFox的插件,由此可知其作用主要是检查网页运行缓慢的原因。 Page Speed 是开源 Firefox/Firebug 插件。网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能,并获得有关如何改进性能的建议。 二、安装Yslow和page speed 安装YSlow必须首先先安装Firebug,然后下载YSlow,再对其安装。 1、下载Firebug到本地,(https://www.360docs.net/doc/e39722167.html,/download/51156.html) 2、解压Firebug,得到如下图的xpi文件; 3、打开Firefox浏览器,点击左上角的菜单项,选择【附加组件】进入附加组件管理器;如下图 4、在附加组件管理器里面找到【从文件安装附加组件】选项;

5、在本地找到刚才解压的xpi文件,将其他加载并安装;完成firebug的安装。 6、安装Yslow、page speed和安装firebug的步骤一样。 三、启动Yslow和page speed 这两个插件的启动方式都一样,有两种启动方式,由firebug界面统一管理。 1、打开firefox浏览器,在浏览器的右上角有个爬虫图标,点击该图标即可进入(退出)插件管理界面; 2、打开firefox浏览器,在浏览器的右下角有个Yslow图标,点击即可进入(退出)插件管理界面;

Yslow和page speed的使用指南 一、Yslow的分析 启动firebug后,显示如下界面,其中Yslow和page speed两个插件都在里面: 先输入相应的URL地址后,再点击 Run Test 运行Yslow,也可以点击 Grade, Components, 或Statistics选项开始对页面的分析。 二、Yslow视图 YSlow显示测试结果的分析,分为等级、组件、统计信息。你可以浏览这些观点之间选择标签以观的名字在YSlow标签的Firebug控制台。以下是说明的等级、组件、统计信息。 (一)、等级视图 查看一个分析,选择页面的性能等级标签或点击网页的字母等级在状态栏这页纸的底部。视图显示了等级为网页的成绩单。整个字母等级为页面显示在顶部随着全面数值的表现。这个页面是基于22可分级的高性能网页的规则(见性能规则)。这些规则是列在按重要性的顺序,从最重要不重要。从 A 级到 F 级,A 级为最高。下面是一个等级的例子:

Selenium使用说明

Selenium安装及使用说明 这是我在使用Selenium中的一些经验,供大家参考。 一、版本说明 目前,Selenium有四个版本,Selenium IDE、Selenium Core、Selenium RC、Selenium Core HTA。Selenium Core需要在远程服务器上安装,不支持跨域,且仅支持selenese语言。Selenium Core HTA仅支持IE浏览器,selennese语言。Selenium IDE和Selenium RC(Remote Control)都支持跨域,不需要在远程安装,它们各自有一些无可比拟的优点,简单介绍如下: Selenium IDE 优点: 它能够嵌入到浏览器中(但它是一个完整的测试工具);可以直接操作页面进行录制/回放,比较直观;可以保存成不同语言的版本,如java、python、PHP、C#、perl等。缺点: 目前只支持Firefox(最新版本可以支持Firefox3了)。另外,它仅支持selenese语言。 Selenium RC 优点: 支持目前几乎所有的浏览器,包括firefox、IE、Opera等;支持多种语言,IDE中生成的所有语言他都支持,可以使用这些语言进行编程;同时,RC支持两种框架JUnit和TestNG,借助JUnit可以生成多种不同形式的结果文档,TestNG目前也备受推崇,因为他支持多线程,对Selenium Grid支持比较好,如果有需要以后可以研究一下,这里我们用JUnit。 缺点: 对firefox3支持不太好,需要进行相关配置,目前使用firefox2; 鉴于我们的实际情况,Selenium IDE直观的页面录制及SeleniumRC支持Java语言等优点,所以采用了Selenium IDE + Selenium RC + Java + JUnit + Ant这样一个框架进行测试。使用Ant+JUnit是为了测试自动化及更好的输出测试报告。 二、安装 以下是我在window下使用selenium进行测试需要安装的软件(注:使用的版本是我测试成功的版本): ●FireFox2 ●JDK6: ●Selenium IDE 1.0 beta2: ●Selenium RC1.0 ●Ant1.7.1 ●JUnit4.5 ●Firebug(可选) 1.FireFox2:

火狐插件——web攻防常用组件

目录 一、火狐浏览器介绍 (2) 二、如何在火狐里添加组件 (2) 三、安全研究常用的火狐插件 (4) 3.1 Firebug (5) 3.1.1Console控制台 (5) 3.1.2 html查看器 (5) 3.1.3 CSS调试 (6) 3.1.4 可视化的CSS尺标 (6) 3.1.5 网络状况监控器 (7) 3.1.6 JavaScript调试器 (7) 3.1.7 DOM查看器 (8) 3.2 Hackbar (8) 3.2.1 功能介绍 (9) 3.3 User Agent Switcher (10) 3.4 FoxyProxy (11) 3.5 XSS Me (11) 3.6 Add N Edit Cookies (11) 3.7 HackSearch (11) 3.8 Wappalyzer (11) 3.9 Tamper Data (12)

一、火狐浏览器介绍 Firefox是一个出自Mozilla组织的流行的web浏览器。Firefox的流行并不仅仅是因为它是一个好的浏览器,而是因为它能够支持插件进而加强它自身的功能。Mozilla有一个插件站点,在那里面有成千上万的,非常有用的,不同种类的插件。一些插件对于渗透测试人员和安全分析人员来说是相当有用的。这些渗透测试插件帮助我们执行不同类型的攻击,并能直接从浏览器中更改请求头部。对于渗透测试中涉及到的相关工作,使用插件方式可以减少我们对独立工具的使用。 下面我们会列举了一些流行的和有趣的Firefox插件,这些插件对渗透测试人员来说是非常有用的。这些插件是多样的,有信息收集工具,也有攻击工具。使用那些你认为有用的插件就可以了。这里面也有一些需要额外付费的插件 二、如何在火狐里添加组件 1、打开火狐浏览器,在左上角有一个橙色的“Firefox”的按钮,点击按钮弹出列表,在列表里面有一个“获取插件”,请单击获取插件。如下图:

我的Firefox插件开发之旅

转自:http://www.cppbl https://www.360docs.net/doc/e39722167.html,/epubcn/archive/2008/11/07/66206.html 我的Firefox插件开发之旅 (1)——从零开始 准备做一个Firefox插件,用来接收从WEB页面传递的参数,根据这些参数从服务器上下载一些文件到本地,并调起本地的一个应用程序。 以前在IE中是使用一个ActiveX来实现的。FF的插件从来没有做过,不知道将来会遇到多少困难。 在网上发现一个页面:https://www.360docs.net/doc/e39722167.html,/code/mozilla/extensionwiz/,它提供了一个FF扩展的生成向导,填写完必要信息后,会生成一个zip文件。之后我改名为xpi后,丢到我的FF 3.0中,提示不正确的安装包。看来这个向导针对FF3还有些问题。具体问题是什么?现在还不清楚。让我来继续寻找资料…… 在Mozilla网站上了解到,FF的Extension和Plugin是两种概念的东西: Extension就是一个zip包,里面有规定的一些必要文件。这个可以下载几个插件看一下他们的目录结构就好了。我下载了一个QuickNote,看了一下,主要包括一个install.rdf(安装包相关信息和文件资源路径等配置)、chrome.manifest(设置各种XUL文件路径以及其他的一些资源文件路径)、chrome文件夹(里面放着插件的所有源文件),不过chrome文件夹里面的文件我还没有过多研究。 Plugin好像是另外一码事了,在Mozilla Developer Center的Plugin开发介绍文中有这么一句:Plugins are different from extensions, which m odify or enhance the functionality of the browser itself. Plugins are also different from search plugins, which plug additional search engines in the search bar. (插件与扩展不同,它更改或者改善了浏览器自身的功能。插件与搜索插件又不同,搜索插件在搜索工具栏上添加了额外的搜索引擎。) 我的理解,插件可以让你在FF中使用自己的View来展示、用自己编写的二进制文件来做某些事情,不仅仅是利用FF自身支持的一些特性和功能。而扩展相对来说就不需要这些东西,只利用FF的开发API就好了。 这样看来,要实现我开始提到的需求,似乎可以开发一个Extension就可以了。Foxmarks Bookmark Synchronizer(FBS)也差不多是我的需求这种感觉:将本地某些数据上传至服务

相关文档
最新文档