谷歌瀏覽器是世界上最流行的網路瀏覽器之一。它速度快、安全、功能多，使用方便。谷歌瀏覽器最近推出的最令人興奮的功能之一是 AI 創新（AI innovations）。它由谷歌的 Gemini 模型提供支援，可以直接在瀏覽器中協助您完成各種開發任務。
在本文中，我們將向你介紹如何在 Google Chrome 瀏覽器中啟用和使用 AI 助手。
啟用AI助手
首先，確保您的 Chrome 瀏覽器是最新的，並且已啟用人工智慧功能。為此，請開啟 Chrome 瀏覽器開發者工具並導航至“設定”（見下面的截圖）。
在“AI 創新（AI innovations）”選項卡中，請花點時間閱讀“注意事項”部分。該部分提供了有關生成式人工智慧如何工作和處理的基本資訊。
目前，AI 輔助提供了幾種有用的功能，包括控制檯洞察，它可以幫助你更好地理解控制檯中的錯誤和警告。它還提供一般幫助，允許你提出有關頁面、元素等方面的問題。
要啟用 AI 功能，請將其切換為“開啟”。展開每項功能的下拉選單，會提供更多有關其工作原理的資訊，以及主要的隱私注意事項。請注意，您需要登入 Google 賬戶才能使用這些人工智慧功能。
使用AI輔助
啟用後，您可以訪問控制檯中的 AI 輔助（AI assistance）選項卡（見下圖）。在這裡，您可以像在一般聊天應用中一樣與人工智慧輔助進行互動。
由於 AI 輔助功能內建於瀏覽器中，因此它能瞭解您當前瀏覽會話的上下文，並能直接訪問頁面內容和瀏覽器 API。您可以先問一個一般性的問題，比如 “What can you help me with?”.
它可以協助完成各種任務，例如解釋元素不可見的原因、排除佈局問題，甚至對 CSS 提出改進建議！
瞭解元素和樣式
在 AI 助手分析元素之前，你需要先選中它。你有兩個選擇：
- 使用元素選擇器：這是 Chrome DevTools 中選擇元素的標準方法。
- 右鍵單擊 DOM 樹中的元素，然後選擇“Ask AI”： 這是針對特定元素的更快捷選項。
例如，讓我們選擇網站導航欄中的下拉選單，然後問人工智慧：Why is this element not visible?
AI 助手會診斷出問題所在，並提供有用的解決建議。
除錯錯誤和警告
AI 輔助工具最有用的一點就是它的除錯功能。例如，如果您在控制檯中發現警告，並且啟用了人工智慧輔助功能，Chrome 瀏覽器將在每條警告資訊旁邊顯示“Understand this warning
”按鈕。
單擊該按鈕會生成警告解釋，並提出解決方法。
頁面優化
除了 HTML、CSS 和除錯之外，人工智慧協助還可以幫助優化頁面效能和搜尋引擎優化。例如，您可以問：What do you suggest to improve the load performance of this page?
AI 助手會對頁面進行分析，並提供若干改進建議。
注意事項
目前 Chrome 提供的 AI 輔助功能暫未對中國地區提供支援。如果需要在中國境內使用該功能，您可能需要執行以下操作：
使用VPN
-
- 連線到美國的伺服器，通過VPN更改您的IP地址。這樣您的裝置會被視為位於美國，從而幫助您解鎖Google Genius。
- 確保使用穩定和可靠的VPN工具，避免因訪問限制而連線失敗。
更改Chrome語言設定
-
- 開啟Chrome瀏覽器，進入設定 > 語言。
- 將預設語言設定為英語（美國）。
- 如果語言選項中沒有英語（美國），可以新增後，將其置於第一位。
- 重啟瀏覽器後嘗試再次訪問Google Genius。
修改HTTP Header
-
- 下載一個瀏覽器擴充套件（如 ModHeader）。
- 在擴充套件中修改 Accept-Language 設定，新增或優先指定 en-US 值。
- 這個方法可以偽裝您的語言和地區偏好，使Google Genius認為您在美國。
清除Chrome快取和資料
-
- 如果之前的嘗試無效，可以嘗試清除瀏覽器快取。
- 進入 設定 > 隱私和安全性 > 清除瀏覽資料，選中快取和Cookies。
- 之後重新啟動瀏覽器並通過VPN嘗試訪問。
檢查Google賬戶的地區設定
-
- 登入您的Google賬戶並進入賬戶設定。
- 確保您的賬戶地區設定為美國。
- 某些功能可能與賬戶地區繫結，因此更改地區後需過一段時間才能生效。
小結
Chrome DevTools 中的人工智慧輔助功能為各種開發任務提供了簡化的方法，為理解錯誤、除錯問題和優化頁面效能提供了便利和自動化。
這對初級網路開發人員來說是一個特別有用的新增功能，它能為常見問題提供即時解答，而無需在谷歌搜尋、Stack Overflow 和瀏覽器之間不斷切換。經驗豐富的開發人員可能會覺得目前的功能不太必要，因為他們很可能已經掌握了很強的除錯和優化技能。不過，人工智慧輔助仍然是一個得心應手的工具。
由於這項技術仍處於早期階段，因此還有很大的改進空間。擴充套件其功能以處理更復雜的問題，併為 React.js 和 Vue.js 等框架新增特定支援，將是非常有價值的補充。Chrome DevTools 中的人工智慧輔助功能未來將如何發展，讓我們拭目以待。
評論留言