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)