Opera Dragonfly（蜻蜓） 官方网站 http://www.opera.com/dragonfly/ 开发网站 http://dev.opera.com/articles/view/introduction-to-opera-dragonfly/ 开发网志 http://my.opera.com/dragonfly/blog/ 中文说明 (只有"简介" 不过提供了三篇有用的参考文件～) http://help.opera.com/Windows/9.64/zh-tw/devtools.html#dragonfly 另外这个是刚刚才发现的,新功能(?)....(我lag很大...) 原来它一直都存在我的menu选单里头.... Tools > Advanced > Developer Tools 使用方法: 刚开启 Developer Tools时 要等一下子 因为这是远端的功能～ loading结束後 选择你所要观察的tab网页 之後选择想看的种类 Script、dom(css、html)、Error console(错误主控台)、环境 script我不太会用，可能得请会使用的再教教～ dom里还不错～有清楚的css跟html结构可看 也有基本的语法区别颜色唷～ 另外DOM还可以清楚地看网页的Box model唷! (这功能跟firebug极像呐...) error console的功能就跟Opera内建(文章尾有附注)差不多～只是它的不能摺叠 环境的话就你电脑的环境而已 不过有几个数值我看不懂XDD 视窗跟Firebug也很像 (功能也很像 很难不说有抄袭之嫌XDD 不过有在做有进步就好了～ 可以嵌在Opera视窗中 摆在下半边 也可以变成弹出式视窗 让它塞满整个萤幕 (可逆嵌回Opera中) cite:http://eintai.blogspot.com/2008/10/opera-96.html 研发工具：位於工具进阶选项内，支援目前所有主要的网页标准， 包含 CSS 2.1, XHTML 1.1, HTML 4.01, WML 2.0, ECMAScript, DOM 2 以及 SVG 1.1 basic。 ------ 另外 错误主控台 Tools > Advanced > Error Console 也是刚发现的好用功能 (泪～ 它可以快速地替你check所有的tab 看看哪些网页有错误!! 我想我主要会拿来检查自己做的网页有哪些css错误吧!! 看了之後好佩服.... 可以很迅速清楚地看到我用了只有ie6看得懂的css.hack!! 哇呜～ 不过关於html的错误可能就得靠内建的w3c html validator上传器了～ (任何网页按右键後 选Validate 上传到w3cMarkup Validation Service检验网页 ps:如果只是要看单一页面的dom css那些的 前一篇的那个 用js + Opera Custom Buttons 会比较快～ ^^ ps2: 有Action可以自己去设定Hotkey ～ ps3: 那个Opera Dragonfly（蜻蜓）有中文介面 主要是看你Opera是用哪种语系去对应的 不过我想，英文的应该看得懂啦～ 没几个字XD ps4:Firefox要离我愈来愈远了 (远目) --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 140.112.217.13 ※ 编辑: ateclean 来自: 140.112.217.13 (03/14 03:38) ※ 编辑: ateclean 来自: 140.112.217.13 (03/14 16:24)