- 首頁
- 幫助中心
- 功能指南
- Sider Code - 用簡單文字自訂任意網站
Sider Code - 用簡單文字自訂任意網站
讓任何網站依你的需求運作。描述你想要的功能，AI 即可幫你客製化網頁，完全不需要撰寫程式碼。
什麼是 Sider Code？
Sider Code 是一款由 AI 驅動的網頁客製化工具，讓你能透過簡單的自然語言修改幾乎所有網頁。
你無需撰寫程式碼，只要描述想要更改的內容，Sider Code 便能理解你的需求並幫你客製化網頁。
你可以使用 Sider Code 來：
- 新增 AI 驅動功能，例如為冗長文章加入摘要按鈕或摘要數千條留言
- 移除干擾元素，例如廣告、跳出視窗、側欄或贊助內容
- 自訂頁面外觀，例如切換深色模式或變更頁面佈局
舉例來說，你可以說：
- 「新增按鈕以摘要留言」
- 「移除此頁面所有廣告」
- 「隱藏側邊欄並讓文章內容全寬」
- 「讓此頁更乾淨、更易閱讀」
更多範例，請參閱：sider.ai/agents/code
如何設定 Sider Code
使用 Sider Code 前，需完成兩個快速設定步驟：
- 啟用使用者腳本
- 安裝 Sider Operator
這些步驟可讓 Sider Code 自動套用網頁修改並進行測試／除錯。
步驟 1：開啟 Sider Code
打開 Sider 側邊欄並點擊Code 圖示。
你會看到 Sider Code 歡迎頁，點擊開始使用。
步驟 2：啟用使用者腳本
Sider Code 需要使用者腳本權限才能對網頁進行修改。
在設定面板點擊開啟擴充功能設定。
此動作會開啟 Chrome 擴充功能設定頁面。
找到允許使用者腳本並開啟。
啟用後回到 Sider Code 面板，第一個設定步驟即會顯示已完成。
步驟 3：安裝 Sider Operator
接著安裝Sider Operator。
Sider Operator 協助 Sider Code 自動測試與除錯網頁修改，使你的客製化更穩定可靠。
於 Sider Code 設定面板點選取得 Sider Operator。
這會打開 Chrome 線上應用程式商店中的Sider Operator頁面。
步驟 4：新增 Sider Operator 至 Chrome
在 Chrome 線上應用程式商店頁面，點擊新增至 Chrome。
Chrome 會跳出確認視窗，點擊新增擴充功能。
安裝完成後返回 Sider Code，就可以開始客製化網頁了。
如何使用 Sider Code
步驟 1：開啟 Sider Code
打開你想修改的網頁，然後點擊 Sider 側邊欄中的Code圖示。
步驟 2：告訴 AI 你想更改什麼
用自然語言描述你的需求。
例如：
- 「移除此頁的贊助文章」
- 「新增浮動目錄」
- 「在每個商品旁顯示評價星等」
你也可以點擊系統建議的指令，例如移除廣告、切換深色模式、提取所有圖片或自動捲動頁面。
步驟 3：檢視並微調
Sider Code 會對當前網頁套用變更。
如果結果不完全符合需求，可以繼續輸入後續指令。
例如：
- 「字體調小一點。」
- 「保留留言區。」
- 「只移除右側邊欄。」
- 「增加間距。」
若某個特定區域效果不理想，還可以截圖該區域並告訴 AI 要修改什麼。
舉例：
- 「移除這部分。」
- 「讓這個按鈕變小。」
- 「將此區塊往上移。」
- 「這裡感覺太擁擠，請整理得更乾淨。」
截圖能幫助 AI 精確掌握準確位置，做出更精細的調整。
複雜的修改可能需要多次後續指令才能達到最佳效果。
產生腳本後，重新整理頁面即可完整看到修改效果。
管理你的客製化內容
為了讓你的修改維持井然有序，你可以：
- 為每個客製化內容開啟新聊天 在創建不同腳本（尤其是針對不同網站或同一網站不同版本）時，請使用新聊天紀錄。
- 於「我的腳本」檢視已保存的客製化內容 打開「我的腳本」面板查看所有儲存的自訂腳本。
- 隨時開啟或關閉腳本 開啟腳本後，該客製化會在每次造訪相同網站時自動套用。 你可以在我的腳本隨時切換開關。
請具體描述你的指令
你的需求描述越明確，結果越理想。
不是說：「讓這個更好」
而是說：「隱藏右側邊欄，讓文章內容全寬顯示。」
不是說：「改變設計」
而是說：「讓頁面更乾淨，字體變大，卡片間距縮小。」
常見問題
重新整理頁面後，修改會保留嗎？
會的。只要腳本開啟且保存，日後再次造訪相同網站時會持續生效。
我可以關閉某個客製化嗎？
可以，打開「我的腳本」面板即可切換腳本開關。
如果效果不盡理想，我該怎麼辦？
請發送後續指令，說明需要修改的地方。
你也可以截圖指出需改進的精確區域。
我可以在任何網站上使用 Sider Code 嗎？
Sider Code 設計可支援多數網站。
部分網站可能因有特殊限制或複雜佈局，某些修改須透過多次後續指令完成。
Sider Code 的點數計費方式？
點數會根據任務複雜度動態計算。
若已生成腳本，下次造訪相同網站時不會重複扣點。
但若使用 AI 功能元件（例如在每則 ChatGPT 回應下方加「反駁」按鈕），每次使用該功能時會另外扣點。
誰能使用 Sider Code？
Sider Code 適用於新推出的付費方案：Lite、Plus 與 Max。
免費用戶及舊版付費方案（如Basic、Professional、Unlimited 或 Ultra）需升級至新版付費方案後，才能使用 Sider Code。
我可以在全螢幕模式使用 Sider Code 嗎？
不行，Sider Code 目前只能在Sider 側邊欄使用。
因為 Sider Code 需操作目前瀏覽器分頁，在全螢幕模式下無法使用。
產品