最近微軟隆重推出了 IE8,在瀏覽器本身好不好用就見仁見智了,不過 IE8 內建的開發者工具,可是在許多網頁開發輔助工具之中難得一見的好物喔。

用戶插入圖片
◆ 只要在 IE8 瀏覽的頁面上按下 F12,開發者工具就會啟動了

它具備了所有網頁開發輔助工具的優點,可解析網頁內容,可清除快取,可隨瀏覽器轉換內容,還附帶了尺規、色彩選擇器,能變更瀏覽視窗尺寸,可對網頁標準作驗證,對一個網頁開發輔助工具而言,該有的功能一樣也少不了。

用戶插入圖片
◆ 網頁內容尋找模式

在網頁內容尋找模式中(開發者工具按 Ctrl + B),點選網頁內容一下,在 IE8 開發者工具中,左方顯示了該內容的原始碼位置,而右方則列出了影響的 CSS,並將重覆的 CSS 用紅線刪除,這麼一來不僅是 HTML,連 CSS 都可以 debug 了。

用戶插入圖片
◆ CSS 格式設定表,性質相近的 CSS 語法也可以分層管理

若你是一位網頁開發者,相信善用 IE8 開發者工具能讓你更節省工時,而達到如虎添翼的效果。唯一的問題在於,它不能脫離 IE8 單獨使用。

相關連結:Windows Internet Explorer 8
2009/03/22 12:32 2009/03/22 12:32
2009/03/22 12:32 

最近在 Windows Vista 上安裝 Painter 時發現啟動面版變成空白頁面了 = =||| 因為無法關閉啟動面版,所以 Painter 也就等於無法使用了,詭異的是在其他電腦安裝卻沒有這樣的問題。

用戶插入圖片

調查了半天,發現一件令我蠻意外的事情,只要將服務裡的 Print Spooler 關閉,即可再次見到可愛的啟動面版了 ^ ^

用戶插入圖片

Print Spooler 是和多工緩衝列印有關的重要服務,所以將 Painter 設定為啟動面版不再跳出後,就將 Print Spooler 服務重新開啟了。
2009/03/21 10:51 2009/03/21 10:51
2009/03/21 10:51 

用戶插入圖片
什麼是 BDA TV Monitor? 它的功用是使某些 USB 裝置能夠錄製電視訊號,使用 Hauppauge, KWorld 等公司所推出的 USB 電視訊號接收器,驅動程式安裝時可能會附加的應用程式,但它只有安裝沒有辦法移除,並且會常駐於系統列上。

移除方法如下:
1. 開始 > 執行 > 輸入 regedit > 確定
2. 找 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run
3. 移除名為 emMON 的項目
4. 刪除 C:\Windows\emMON.exe

相關連結:Tim's Thought,BDA TV Software issues and removal hint

2009/02/06 00:55 2009/02/06 00:55
2009/02/06 00:55 

Microsoft 網站上的 .Net Framework 3.5 不可隨便玩啊 Orz
早上在 Microsoft 網站看到新的 .Net Framework 3.5 興高采烈帶回家安裝,卻因此成為一場惡夢的開始。

首先 .Net Framework 3.5 安裝到一半就退出了,查看錯誤記錄上面寫著一大串的錯誤訊息 "Installation failed for component RGB Rast",試了半天開始覺得煩了,於是想把舊版 .Net Framework 裝回去,才發現不管哪個版本都不能安裝! 只要是 .Net Framework 都依賴這個名為 RGB Rast 的組件。

RGB Rast 組件並不難找,檔案全名為 RGB9RAST_x86.msi,網路上搜尋一下就可以找得到。但是下個問題來了,只要一安裝 RGB Rast 組件,它就會把 Windows Installer 關掉,以致於 Windows Installer 出現 1053 錯誤。這樣就算了,RGB Rast 組件也一樣裝一半就退出了。

故事就是這樣,.Net Framework 3.5 會幹掉 RGB Rast 組件,RGB Rast 組件會關閉 Windows Installer,忙了半天一件也沒安裝好,放著也不是,造成的副作用是 MSN 廢了、ActiveSync 開不了、軟體不能安裝。這太扯了,我只是要安裝 .Net Framework 3.5! 更慘的是網路上對此竟然沒有解答,還有一堆事不關己的人在那裡勸人重灌 Windows。

既然這些鳥事已浪費了我一整天,就把心得分享出來吧,下一位中標的人就不必哭了。

要解決的問題
1. 安裝 .Net Framework 3.5
2. 安裝 RGB Rast 組件
3. 使 Windows Installer 恢復運作

看似要面對三個問題,其實只有一個答案:診斷式啟動

解決方式
1. 開始 > 執行 > 輸入 msconfig > 確定
2. 勾選診斷式啟動 > 確定 > 重新啟動
3. 重新啟動後 > 我的電腦上按右鍵,選管理
4. 服務及應用程式 > 服務 > 開啟 Windows Installer 項目
5. 啟動類型設為自動(套用),服務狀態設為啟動(確定)
6. 安裝 RGB9RAST_x86.msi
7. 安裝 .Net Framework 3.5,中間可能會中斷,但還是能完成安裝。(請參考補充說明1)
8. 步驟 6,7 可能會將 Windows Installer 關閉,請重覆步驟 4,5 再檢查一次。
9. 開始 > 執行 > 輸入 msconfig > 確定
10. 勾選正常啟動 > 確定 > 重新啟動
11. 完成

補充說明
1. 這裡的 .Net Framework 3.5 不是正常安裝,對此有疑問的人可改安裝比較穩定的 .Net Framework 3.0

2008/07/06 00:10 2008/07/06 00:10
2008/07/06 00:10 

用戶插入圖片
經常可以在 IE 左下角看到警告圖示吧,為了讓網頁瀏覽更順利,IE7 已將指令偵錯停用,JavaScript 錯誤發生時只在左下角顯示警示符號,這是給程式人員參考用的。

如何開啟 IE 的指令偵錯呢? 在 [網際網路選項 > 進階] 你可以找到這個選項,將它取消勾選:

用戶插入圖片

用戶插入圖片
設定好之後並重新啟動 IE,再瀏覽一次錯誤的網頁,偵錯訊息就會跳出來了,因為很多網頁 JavaScript 都有問題,建議平常瀏覽還是把它關掉,有需要時再開啟。

接下來,按下[是]並不會進行偵錯,問題在於偵錯工具還沒安裝,你可以在以下網址找到 Windows 的偵錯工具

Microsoft Script Debugger :
Script Debugger for Windows NT 4.0 and Later

安裝完畢,再瀏覽一次錯誤網頁,按下[是]之後,Microsoft Script Debugger 已經可以明確指出 JavaScript 出錯的位置。

用戶插入圖片
2008/01/24 14:35 2008/01/24 14:35
2008/01/24 14:35 

它有個中文名稱叫親和力工具列,並不是它對你的親和力,指的是你的網頁對別人的親和力。

此工具列的專長是分析網頁,尤其是當你在設計 W3C 無障礙網頁時,它的驗證程式會對你大有幫助。不過我從來沒作過 W3C 網頁,雖然我很認同 W3C 規範,並且也盡量朝著這方向努力,但是將一件應該做的事列為必須做的事,可是讓人覺得不怎麼舒服。

用戶插入圖片

除了 W3C 驗證之外,我很讚賞的是,這工具列還有個特異功能叫 「變更大小」 ,這按鈕可以自由調整 IE7 的瀏覽尺寸,並且有預設尺寸 640x480、800x600、1024x768、1280x1024 可供你選擇,相當於過去 IE6 的調整工具 「IE Resize」 ,這工具列對於網頁設計是很有幫助的;此外,其他按鈕以分析網站用的工具居多,比較沒那麼實用。

(此工具列適用於 IE5 以上,並且需啟用 Javascript)

相關連結:AIS 親和力工具列
2008/01/03 16:24 2008/01/03 16:24
2008/01/03 16:24 

如果你的首頁一直卡在這一頁 http://runonce.msn.com/runonce2.aspx,放心這不是中毒了,我想肯定是微軟的 IE7 歡迎頁面有 Bug,因為左下角有 JavaScript 的 Bug 顯示。

用戶插入圖片

解決方法1
開始 > 執行 > 輸入 gpedit.msc > 確定
本機電腦原則 > 使用者設定 > 系統管理範本 > Windows Components > Internet Explorer > 防止執行 [第一次執行自訂] 設定 > 已啟用 > 選取您的選擇 [直接到首頁] > 確定

解決方法2
Windows XP Home Edition 少了群組工具,需使用登錄編輯程式修改,方法如下:
開始 > 執行 > 輸入 regedit > 確定
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main >
找到 RunOnceComplete 將數值改成 1
找到 RunOnceHasShown 將數值改成 1

接下來,你的首頁就不會再跳回歡迎頁面了~

2007/12/19 15:46 2007/12/19 15:46
2007/12/19 15:46 

其實我也和你一樣,不敢使用來源不明的工具列,此工具列我已測試過對電腦無害,且能輕易被移除,所以推薦給你。

使用者插入圖片

其實此工具列上值得推薦的按鈕只有這三個,佔版位極大的搜尋功能甚至連雙字元都不支援,所以根本就是廢到不行。搜尋之後的三個按鈕依序是全螢幕擷圖、方型區域擷圖、任意區域擷圖,這些按鈕堪稱實用但不在推薦之內。

以下就 WebCollect 三大功能一一解說:

視窗擷圖

按下視窗擷圖鈕後,螢幕會出現紅色的框線,只要在你想要擷圖的地方按下滑鼠左鍵確認,或是按下滑鼠右鍵取消。

使用者插入圖片

確認之後,WebCollect 會開啟自己的圖片瀏覽器,簡單的編輯功能 WebCollect 都能作到。

使用者插入圖片

按下這個 Draw 鍵,可開啟 WebCollect 的圖片編輯器,可讓你在圖上繪圖、打字(打字功能也不支援中文等雙字元 Orz)

使用者插入圖片

沒錯,WebCollect 不僅僅是工具列,還內建陽春的圖片瀏覽器和編輯器。

使用者插入圖片

令人驚豔的是,若擷取的視窗是網頁等需捲軸的視窗,WebCollect 能夠完整取下整個內容。


放大鏡

放大鏡可以說是視力障礙者的福音,愈來愈多網站為強調設計感放棄了便於閱讀的大文字。除了 IE7 整個網頁放大的功能之外,使用 WebCollect 的放大鏡也是一個很好的選擇。

使用者插入圖片

按下放大鏡鈕後,游標會變成放大鏡,就有如將放大鏡取出一般,按住滑鼠左鍵可以將整個畫面放大,或是按下滑鼠右鍵取消;至於放大倍率可在設定裡作調整。


顏色擷取

使用者插入圖片
按下顏色擷取鈕後,會在螢幕左上角或右下角出現放大螢幕的色彩擷取器,有了這個工具你就能精準地擷取想要的顏色。

將十字中央的方塊對準要擷取的顏色,按下滑鼠左鍵即可擷取,或是按下滑鼠右鍵取消。












對設計者而言,WebCollect 工具列功能很實用,遺憾的是包含中文在內的雙字元支援程度仍然有待改善。另外,此工具列測試安裝於 IE7,其他瀏覽器的支援程度仍是未知數。

相關連結:WebCollect 工具列
2006/12/25 16:32 2006/12/25 16:32
2006/12/25 16:32 

無法登入 cPanel 嗎? 防火牆擋住 cPanel 專用的 Port 2082 怎麼辦?

1. 經由可登入 cPanel 的電腦建立子網域 cpanel.yourname.com
2. 到 cPanel Proxy 下載檔案,將檔案解壓縮 copy 到 Server 上的 cpanel 資料夾

cPanel Proxy 可以讓原本使用 Port 2082 的 cPanel 改用 Port 80,以後就可以經由子網域 cpanel.yourname.com 登入 cPanel 囉。有興趣的朋友可以閱讀 cPanel Proxy FAQ,裡面有更詳盡的解說。
2006/10/13 11:28 2006/10/13 11:28
2006/10/13 11:28 

Yahoo Widget 終於推出堪稱實用的工具了! Yahoo奇摩字典 Widget 支援英翻中、中翻英,查到的英文單字還有真人發音喔。

Yahoo奇摩字典 Widget 的特異功能:查英文時,即使字典找不到也可以發音;不過,查不到的字不保證發音正確,也可以唸像這樣的整句。

相關連結:Yahoo奇摩字典 Widget
2006/07/17 10:18 2006/07/17 10:18
2006/07/17 10:18