如何在瀏覽器中開啟Gemini Canvas生成的HTML檔案？

使用瀏覽器開啟 Gemini Canvas 產生的 HTML 檔案

Gemini Canvas 是 Google 推出的一項功能，旨在讓使用者透過簡單的提示詞生成互動式網頁，如圖表、測驗和語音摘要，而無需具備程式語言的知識。以下是如何將 Gemini Canvas 產生的網頁下載為 HTML 檔案並在瀏覽器中開啟的步驟。

下載並開啟 HTML 檔案

1. 生成互動式網頁：在 Gemini 中使用 Canvas 功能，輸入指令以產生所需的內容。舉例來說，您可以輸入類似「英文文法中的假設語氣」的指令。然後，點擊「Create」並選擇「Web Page」，Gemini Canvas 會根據您的指令自動產生單頁互動式網頁應用程式。
2. 下載 HTML 程式碼：產生網頁後，尋找下載選項（通常位於網頁的設定或分享功能中），然後複製網頁的 HTML 程式碼。
3. 儲存為 .html 檔案：開啟文字編輯器（例如 Notepad 或 Sublime Text），將複製的 HTML 程式碼貼上，並將檔案儲存為 .html 格式，例如 example.html。
4. 在瀏覽器中開啟：找到您儲存的 .html 檔案，直接雙擊開啟，或在瀏覽器中選擇「開啟檔案」功能，然後選取該檔案。這樣就能在瀏覽器中看到 Gemini Canvas 產生的互動式網頁了。

使用分享功能取得網頁連結

Gemini Canvas 也提供分享功能，讓使用者可以自動生成網頁連結，並分享到如 LinkedIn、Facebook、X 和 Reddit 等社群平台。透過分享功能產生的連結可以直接在瀏覽器中開啟，無需下載 HTML 檔案。

注意事項

• 免費版限制：根據測試，台灣免費版的 Gemini Canvas 目前可能僅能生成一次網頁功能，Pro 版本則無此限制。因此，使用者應注意版本差異。
• 程式碼使用：Gemini Canvas 產生的網頁基於 Tailwind CSS 設計模式和 JavaScript 程式語言，自動設計標籤導覽、互動式範例、練習題等區塊。