Opera Dragonfly是Opera中的网站开发者工具,像Firefox中的Firebug、IE下的IE WebDeveloper,Opera Dragonfly 是适用于 Opera 浏览器的跨设施、跨平台的调试环境 - 调试 JavaScript、检查和编辑 CSS 与 DOM,与查询手机或计算机上的任何错误。
可以从“菜单”-“网页”-“开发者工具”-“Opera Dragonfly”将它激活,也可右键选择“检查元素”将它激活。
从“菜单”-“网页”-“开发者工具”-“Opera Dragonfly”可以将它关闭, 或用Ctrl+Shift+I快捷键关闭Opera Dragonfly检查元素窗口。
Opera Dragonfly默认是在线版的,但可以安装用离线版,从而能离线检查元素。
1. 在本页下载Opera Dragonfly网站源码压缩包,Opera-Dragonfly.zip。
2. 解压到D:\盘。3. 在Opera地址栏输入opera:config打开最佳选择项编辑器,将Developer Tools下的Developer Tools URL由改为file://localhost/D:/Opera-Dragonfly/client-en.xml,“保存”即可。
假如想恢复用在线版,可点击Developer Tools URL后的“默认”按钮,从而恢复回默认值https://dragonfly.opera.com/app/
Opera Dragonfly在线版是可以自动更新,不需要自己手工更新,但因为访问互联网上的的文件,所以加载速度较慢,离线版需要自己手工下载更新安装新版本,但因为访问的是当地文件,所以加载速度较快。主要有两种调试办法:
本机:Scope,代理和调试器运行在同一个 Opera 实例中。
远程:Scope 和调试器运行在两个不一样的 Opera 实例上,譬如,两个不一样的设施上。而代理可以运行在两实例之一,也可以在另外的独立计算机上运行。本机这是最常用和最典型的办法。开发者们正在开发互联网应用,它可以正常运行于 Opera 浏览器。该调试器运行于相同实例中,显示在一个独立窗口或面板。
在这样的情况下,调试主机,代理和推广客户端运行于同一个浏览器实例。Opera 选择一个随机端口运行代理,Scope 模块和调试器会自动连接它。
远程
这个办法的一种应用是可以调试手机上的网页或应用。手机一般屏幕非常小,开发也非常受限制,因此用桌面电脑来调试是一种便捷的做法。另一种可能性是在同一个设施上的一个 Opera 实例调试另一个 Opera 实例,这在调试实例濒临崩溃的时候很有用。
远程调试办法可以分解为两种使用方法:
代理在两实例之一运行。代理独立于实例运行,譬如运行在公共服务器上。
第二种办法可以运用在,被调试实例和调试器隔防火墙运行的状况。
Opera Dragonfly 1.1在经过6个 RC 版本后,修复了大概 200 个 bug,终于发布了正式版。除去修 bug,当然有不少改进。
Opera Dragonfly 1.1,相较于 1.0 的改进和新增功能如下:
DOM 和样式查询器
查找功能支持通过正则表达式、CSS 选择器、XPath 和普通文本匹配达成
CSS 查询器中增加链接,可以追溯到概念该 CSS 声明的源文件
可显示对伪类和伪元素的声明
可显示 SVG 表现属性
Javascript 调试器
查找功能改进:支持正则表达式;可选择是不是忽视大小写;在所有 JS 中查找时可选择是不是忽视注入式 JS(Opera本身的 Browser.js 、User JS 、扩展 JS)
存储查询器
改进当地存储、进程存储和 Widget 最佳选择项查询器的用户介面,和 1.0 版本的 Cookie 查询器介面风格协调一致。
控制台
为当地对象新增自动完成功能
内置的可扩展对象
控制台高亮显示警告、信息、错误
错误日志
重新设计了用户介面,比原有设计更节省屏幕面积
错误按资源种类分类显示,不再用以往的按紧急级别分类的显示方法
每行错误后面增加了连接,能追溯对应代码的行号
“查找”更名为“过滤器”(…..= =||
移除去 console.* 入口。不过提供了保留此功能的选项
不须打开 Dragonfly 也能调出错误日志(不过,要等到 Opera 12 才有效)
可能你习惯用 Opera 原生的错误控制台,由于瞬间即可启动,飞快捷。而等到 Opera 12 发布后,可能你会对 Opera Dragonfly 的错误日志更感兴趣,由于到时不须打开 Dragonfly 也能调出错误日志了。
互联网查询器
可嗅探通过 POST 方法发送的数据(终于……←_←
性能优化
资源查询器
点击行号即直达错误日志和 CSS 查询器
添加查找功能
工具箱
新增 2D 屏幕尺子。你可以先用 Dragonfly 的截图功能,然后在上面划出一个矩形地区,就能随便得到其长和宽的像素值,即便缩放比不是100%也不须你费神换算。
转载请说明来源于小浣熊下载站(http://www.tpwno.com)
本文地址:http://www.tpwno.com/soft/1973.html
郑重声明:文章来源于网络作为参考,本站仅用于分享不存储任何下载资源,如果网站中图片和文字侵犯了您的版权,请联系我们处理!邮箱3450399331@qq.com