Chrome 擴充功能可以直接在瀏覽器中編輯您自己網頁的即時 html?

Chrome 擴充功能可以直接在瀏覽器中編輯您自己網頁的即時 html?

我很好奇。

我最近改變了多年來編輯網站的方式(透過 FTP 用戶端),以類似保管箱的方式將 PC 上的 public_html 資料夾版本同步到 FTP 上的版本,並使用即時自動同步,使用好同步

現在,更新我的網站變得非常容易,只需使用我自己的個人 zippy 沙箱(即可以控制)用於測試網路應用程式、腳本、服務等。我只需在 Windows 上使用我最喜歡的本機應用程式建立、編輯和刪除資料夾/文件,更改就會立即在網站上發生。

我還一直在嘗試使用 AutoHotKey,只需在 Windows 中按下鍵盤即可完成令人驚嘆的網站任務 - 我現在遇到的唯一限制是更改在網路上生效需要 5-10 秒。 (將介面/工作流程剝離到幾乎裸露的基礎設施 - 或多或少的實體網路是非常酷的。)

現在,我只是好奇。現在,我正在跳出框框思考——或者重新思考我如何做事,如果你願意的話。所以我在 Chrome 中查看我的頁面,我認為我甚至可以做得更好。我正在查看我一直在處理的網頁,並且希望能夠更快地重新編輯它。

是否有一些很棒的chrome 插件可以存儲我擁有的多個Web 伺服器的FTP 詳細信息,檢測我何時位於屬於這些Web 伺服器之一的頁面上(透過自動網域匹配我儲存的ftp 網域或手動設定某些網域的ftp 帳戶) / 擴充設定中的通配符),並且讓我右鍵單擊所述頁面並有一個像「編輯」這樣的選單項,將頁面的html 來源載入為可編輯文本,讓我更改我需要的任何內容,然後點擊“儲存” ' 並且它會重新加載更新的頁面?

現在……那就太棒了。

此外,該軟體必須是本地的並且是瀏覽器本地的- 不是一些基於Web 的服務彈出窗口,它有自己的資源來加載並減慢我的速度- 而是Chrome 中的一個本地軟體,可以輕鬆地直接插入我的FTP 。

謝謝。

答案1

我不知道有哪個插件可以讓你完成你所說的一切,但如果你在 Chrome 中按 進入開發者模式F12,它會給你一個視圖,顯示所有 HTML、CSS、JS 以及你需要的任何其他內容。瀏覽器已載入該網頁。從那裡,您可以動態修改幾乎所有內容。這只會修改緩存,不會編輯伺服器上的網站。但是,在實際登入、更新即時網站上的伺服器端程式碼,然後重新載入網頁之前,至少測試快速變更是有用的。

答案2

你可以做到這一點,據我所知,如何一起編輯網頁和使用 Chrome。使用記事本++並設定您的伺服器詳細資訊。您可以編輯,變更將反映在儲存檔案上。

網站確實需要時間來重新載入網路內容,外掛程式或擴充功能也需要時間來保存資料然後回應網路伺服器資料。

總時間是notepad++和web伺服器回應變化的時間。就這樣。你有你的想法。

相關內容