跳到主要內容

IE Tester

寫CSS Layout時,最痛苦的莫過要讓不同瀏覽器表現一致
而最讓設計師頭痛的大概就是IE
不同版本的IE瀏覽器,問題也都不同
因此常常頁面得編寫邊修正
可是同一個作業系統又無法同時存在不同版本的IE
因此就需要 IE Tester的幫忙了
http://www.my-debugbar.com/wiki/IETester/HomePage
下載後開始安裝



安裝後啟動程式,更改面板顯示語言

之後關閉程式在重新啟動,面板就會以繁中顯示
下面是測試不同版本的畫面,網址列前面會有一個小數字標示版本

再開發工具裡面有一個除錯功能
可以協助尋找 CSS 或JS 的錯誤
但是必須另外下載才有

下載後直接點選安裝,安裝時會要求關閉所有IE瀏覽器
安裝好後,啟動IE Tester到開發工具選項
然後拖拉紅色小方塊內項雷達的圓形圖示到想檢查的區塊
放開時區塊會有黑色邊框代表有選取到
左邊就會顯示該區塊內的程式碼

對於檢查除錯相當方便好用






留言

這個網誌中的熱門文章

Prize 線上簡報製作軟體

有範本可以套用 也可以自己建立 http://prezi.com/create/

Illustrator Graph 長條圖內不同設定

整體先選擇套用一個欄位樣式 然後使用Group Selection tool工具(次群組工具) 選取單一欄位,小心不可以一次選取多個 一次只能選取一個 然後必須使用指令套用 Object → Graph → Column

Alexa-Chrome外掛

之前提到 Alexa可以分析網站使用者資訊 但是必須一個一個貼入作搜尋 這樣非常麻煩 假如改用 Google Chrome瀏覽器 這樣就能安裝一個長註小程式 當你瀏覽網暫時它變自動幫你分析 也不會影響你瀏覽網站 非常方便 用Chrome開啟下面網址 https://chrome.google.com/extensions/detail/cknebhggccemgcnbidipinkifmmegdel 點選安裝 完成後如下 點選Accept and Enable,接下來的畫面 可點選 No Thanks,接著進入安裝成功畫面 以後就可以點選右上角的logo符號查看網站資訊