1. 開發者工具基礎操作
- 開啟工具：按下
F12 或點擊 右鍵 -> 檢查。
- 檢查元素：點擊左上角箭頭圖示，選取網頁元素。
- 編輯文字：在 Elements 標籤中對準 HTML 代碼連點兩下進行修改。
- 搬移節點：在代碼區選取 HTML 標籤並直接拖拽改變位置。
- 修改顏色：在 Styles 面板中修改
color 或 background-color 數值。
- 全網頁編輯：在 Console 輸入
document.body.contentEditable = true 並執行。
2. 進階標籤頁功能
- **Network (網路)**：查看網頁加載的各項資源與效能紀錄。
- **Application (應用程式)**：檢視儲存在本地的資料，如 Cookie 或 Local Storage。
使用 LLM 製作網頁遊戲
1. 生成與執行腳本
- 範例：在 Google 搜尋頁面要求 Gemini 撰寫 JavaScript，抓取所有圖片原始網址。
- 執行：複製代碼後，在瀏覽器 Console 貼上並執行。
2. 開發 Vanilla HTML 遊戲
- 提示詞要求：明確要求 Gemini 使用 Vanilla HTML/CSS/JS 撰寫，不使用 React 或其他框架。
- 存檔流程：
- 複製代碼。
- 開啟記事本 (Notepad)。
- 存檔時將類型選為 「所有檔案 (.)」。
- 檔名務必包含
.html 副檔名（如 game.html）。
分享連結與網路協議說明
1. 分辨傳輸協議
file:///：代表本地路徑。檔案僅存在於當前電腦中，他人無法透過此連結存取。https://：代表網路協議。檔案需部署於伺服器上，方可供他人透過網路存取。
2. 正確分享方式
- 對話分享：使用 Gemini 的「分享連結」功能。
- 網頁分享：將
.html 檔案上傳至網頁空間、或以檔案提供給它人