本分步指南向您展示瞭如何在任何 Web 瀏覽器中編輯網頁。網頁僅供閱讀,但您知道您可以直接在網絡瀏覽器中更改頁面內容嗎?網頁只是您的網絡瀏覽器顯示的文檔。

但是如果您可以通過直接在網頁上鍵入來更改任何網頁呢?你可以,而且你不需要瀏覽器擴展來做到這一點。每個現代瀏覽器都內置了此功能。Internet 是一個非常大且有用的工具。在過去的幾十年裡,互聯網改變了我們的工作方式、娛樂方式以及彼此交談的方式。

根據它的使用方式,它可以連接國家、推動業務、建立關係、推動未來的創新引擎,並為我們提供比我們知道的更多模因。您也可以訪問Microsoft 官方支持網站了解更多信息。

如何在任何網絡瀏覽器中編輯網頁

任何支持控制台窗口的瀏覽器都可以用來編輯網頁。在本指南中,我們將使用 Chrome,但您也可以使用 Mozilla Firefox、Microsoft Edge、Apple Safari 等來執行此操作。在這些瀏覽器中的每一個中,這都是您進入控制台窗口的方式。只需確保您要更改的頁面上的控制台窗口已打開。

Google Chrome 下,點擊右上角的三個垂直點。然後轉到更多工具 >開發人員工具。您也可以通過同時按下 Ctrl+Shift+I 鍵直接打開控制台窗口。在 Microsoft Edge 中,單擊菜單 > 更多工具 > 開發人員工具。您也可以按 F12 ,然後點擊“控制台”標籤。在 Mozilla Firefox 中,點擊 菜單 > Web Developer > Web Console。同樣,有一個快捷方式用於相同的。同時按 Ctrl+Shift+K 打開 Web 控制台 選項。就 Apple Safari 而言,點擊 Safari > 首選項 > 高級 並啟用 顯示開發菜單欄選項中的菜單。然後,點擊 開發 > 顯示 JavaScript 控制台。

使用控制台窗口編輯網頁

現在您已經在您要更改的頁面,請按照以下步驟進行更改。您可能會看到不同類型的紅色錯誤消息。別理他們。它們不會妨礙編輯頁面或導致任何問題。

控制台窗口中,輸入以下代碼並按回車鍵: document.designMode=’on’在代碼之後運行成功後,下一行會出現“on”關鍵字。我們只需要這樣。您現在可以關閉控制台窗口並開始以您想要的任何方式對頁面進行更改。

FAQ

你能編輯一個不屬於你的網站嗎?

是的,在任何網站上。甚至那些不屬於你的!這意味著您可以直接在瀏覽器中更改 HTML 和 CSS 代碼(也稱為“源代碼”)。請記住,這只會更改您計算機上的版本。它不會改變服務器上的任何內容。

你能編輯網頁 HTML 嗎?

一旦選擇了一個元素,你就可以用它做很多不同的事情。通過右鍵單擊“元素”選項卡中的 HTML 並選擇“編輯為 HTML”,您可以對網頁的標記進行實時更改,Chrome 將在您完成後立即呈現。

如何檢查和編輯網頁?

只需右鍵單擊並選擇“檢查元素”,或者在 Mac 上按 Command+Option+i 或在 PC 上按 F12。您可以在搜索字段中鍵入要在此頁面上查找的任何內容,它將顯示在此窗格中。

By Henry Taylor

我是後端開發人員。 你們中有些人可能在開發者大會上見過我。 最近我一直在做一個開源項目。