如何使用 Google Chrome 編輯網站上的文字以更改其內容

網頁是唯讀的,但您知道這是可能的嗎? 編輯網頁內容 直接在您的網頁瀏覽器中。

瀏覽任何社群媒體網站,你總是會發現一些愚蠢對話或類似冒犯性文字的截圖。事實證明,你的直覺是正確的——這些截圖大多是假的,內容經過篡改,旨在欺騙用戶。

你可能不知道,更改網站內容並截取螢幕截圖其實非常簡單。你甚至不需要任何花俏的圖片編輯應用程式。在本文中,我們將向你展示如何使用 Chrome 更改網頁上的文字。

如何編輯網站上的文本

要更改任何頁面上的文本,請先將其載入到瀏覽器中。我們將在這裡討論如何在 Chrome 中執行此操作,但在其他瀏覽器中操作也類似。

打開頁面後,右鍵單擊要編輯的文字部分,然後選擇 頁 (該選項有時列為 元件檢查)。這將在 Elements 頁面上啟動 Chrome 開發者面板。如果您想知道如何使用 F12 請注意,您可以按 F12 開啟相同的面板。

在此視窗中,您將看到您正在造訪的頁面的HTML內容。查看此內容。 HTML簡介 如果您對此不熟悉。

根據您選擇的文本,您可能會看到 أو 或其他類似的標籤。點擊這些標籤旁邊的箭頭即可展開該部分並顯示全文。

從那裡,只需雙擊或右鍵單擊並選擇 編輯文本 在要更改的區塊上。點擊或輕觸 進入 文字將會更新。

您可以根據需要多次執行此操作,以更改文字。將滑鼠懸停在「元素」面板中的標籤上時,您會看到頁面上相應的文字突出顯示。您可以透過右鍵單擊並選擇來刪除整個區塊 刪除項目.

頁面將保留您的更改,直到您刷新為止。請隨意 截圖 並在任何您想要的地方分享您的有趣編輯。

如何使用設計模式編輯網站

如果您喜歡修改網站上的文本,您應該了解 Chrome 的設計模式。此模式可讓您點擊任何文字並立即進行編輯,而無需對 HTML 進行篩選。

要使用它,請按 F12 開啟“開發者選項”,然後切換到控制檯面板。然後在控制台中輸入以下行(位於您看到的任何警告底部的箭頭旁邊),然後按 進入:

document.designMode = "on"

完成此操作後,您可以單擊任何文字並立即開始輸入以進行更改。

此模式僅適用於目前選項卡,每次使用時都需要執行此操作。但當你需要對頁面文字進行大量更改時,這樣做是值得的。

更改網站內容很容易。

一旦瀏覽器載入了網頁,你就可以自由地 進行任何更改 您希望它在您的設備上顯示。因此,您可以輕鬆更改網站上顯示的文字。現在您知道如何編輯網站文字並增添樂趣了!

如果您喜歡這個,請查看這些有趣的惡作劇。 可與朋友一起玩的 PC 遊戲.

轉到頂部按鈕