推 Shoiku:感謝辛苦的分享 給你推一下 03/16 16:32
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)
Opera Dragonfly(蜻蜓)
官方網站