Slop Code · 免費，在瀏覽器中使用

撰寫 HTML 並在預覽中執行

撰寫含 CSS 與 JavaScript 的頁面，並在程式碼旁執行。預覽在鎖定的沙箱中執行，主控台輸出與錯誤會顯示在其下方。

開啟 Slop Code

操作方式

1. 開啟 Slop Code，選擇「新增」，選擇 HTML 並為檔案命名。
2. 撰寫頁面。Ctrl+Space 可自動完成標籤、屬性與 CSS 屬性。
3. 在同一個 Slop Drive 資料夾中加入 .css 與 .js 檔案，並以相對路徑連結它們。
4. 選擇「執行」（Ctrl+Enter）即可查看頁面；主控台訊息與錯誤會顯示在其下方。
5. 選擇「儲存」（Ctrl+S）即可將檔案保留在 Slop Drive 中。

您的檔案會留在此裝置上：Slop Code 在瀏覽器中執行，不上傳、不需帳號，也沒有浮水印。

常見問題

預覽能連上網際網路嗎？

不能。預覽沒有網路存取權，也無法讀取應用程式的儲存空間。專案檔案會以內嵌方式載入，圖片則會從您的資料夾以資料形式載入。

預覽中會顯示尚未儲存的變更嗎？

會。開啟的分頁使用的是目前的文字，因此您可以在儲存前先試試看某項變更。

我的檔案在哪裡？

在此瀏覽器的 Slop Drive 中。尚未儲存的文字也會保留為草稿，因此關閉分頁不會遺失內容。

更多 Slop Code 的功能

• 格式化 JSON

相關應用程式

• Slop Docs
  開發中
  Word 與 Google 文件，為瀏覽器重新打造。
• File convert
  開發中
  圖片、PDF、資料與文字，在您的裝置上轉換。
• Slop Effects
  Beta 版
  在瀏覽器中進行動態設計。不會上傳任何內容。