☰

有沒有辦法在 Chrome 中突出顯示與正規表示式相符的文本，即使在頁面重定向時也是如此？

tag-icon • tag-icon google-chrome regex
有沒有辦法在 Chrome 中突出顯示與正規表示式相符的文本，即使在頁面重定向時也是如此？

當我在 Chrome 中加載某些頁面時，有沒有辦法突出顯示所有大寫的所有單字？

理想情況下，該解決方案適用於當前頁面，當我單擊表單按鈕時，它也需要自動適用於後續頁面。

有什麼建議麼？

答案1

編輯

下載擴充功能這裡。安裝說明與找到的說明相同這裡

此擴充功能只是突出顯示頁面上的所有大寫單詞

其餘答案

我想你的意思是說這是用戶端，對嗎？

我個人會為此任務創建一個簡單的 Chrome 擴展，可能是因為我喜歡長期做事。我很確定 Chrome 中沒有允許這樣做的功能（如果我錯了，請原諒我）。

Chrome 擴充功能非常容易製作，因此不必感到受到威脅。這是我剛剛製作的一個小東西，它突出顯示頁面上大寫的所有單詞，並帶有開/關切換功能。

它將如何運作

這個小小的 Chrome 擴充功能將在所有頁面的背景中靜默運行，並突出顯示每個長度超過兩個字母且大寫且帶有黃色背景的單字。它適用於每個頁面，並且可以透過使用 Chrome 擴充功能管理員中的「啟用/停用」功能來停用。它使用一個非常基本的 Jquery 腳本來工作。

步驟1

您需要在硬碟上的某個位置為所有檔案建立一個資料夾。我稱之為“大寫螢光筆”

第二步

使用記事本將一些文件添加到此資料夾。開啟記事本，在空白文件上按一下“另存為”，將其另存為manifest.json.

建立另一個名為 的檔案jquery.js和另一個名為myscript.js

第三步

添加以下內容到manifest.json

{
    "manifest_version": 2,
    "name": "Capslight",
    "description": "Highlight capital words",
    "version": "1.0",
"content_scripts": 
    [
        {
            "matches": ["http://*/*","https://*/*"],
            "js":["jquery.js", "myscript.js"],
            "run_at": "document_end"
        }
    ]

}

選修的

matches若要允許此腳本僅在某些頁面上運行，請變更maifest.json 檔案中的值。用逗號分隔每個頁面。例如，如果您希望腳本僅在 Stackoverflow、超級用戶和 Google 上運行，您可以這樣做：

"matches": ["http://www.stackoverflow.com/*","http://www.superuser.com/*","https://google.co.uk/*"],

筆記

確保您使用正確的“http”或“https”作為您希望其工作的 URL。更好的方法是將 URL 作為“http”連結和“https”連結放入。也不要忘記*尾部斜線後面的內容。如果這變得太複雜，最好只使用manifest.json我上面輸入的原始文件，並在不需要時關閉擴充功能。

下一個

將 Jquery 2.1 加到jquery.js.為此，您只需複製並貼上來自這個連結

最後

添加以下內容到myscript.js

$('body').each(function(){
    var pattern = /([A-Z]{3,})/g;
    var before = '<span style="background: yellow;">';
    var after = '</span>';
    $(this).html($(this).html().replace(pattern, before+"$1"+after));
});

第四步 - 添加到 Chrome

您已經成功地進行了工作擴展（我敢打賭，您從未想過今天會這樣做）。現在您只需將其添加到 Chrome 即可。為此，請前往chrome://extensions並勾選“開發人員模式”方塊。然後點擊「載入解壓縮的擴充功能」並選擇儲存這三個檔案的資料夾。當您載入頁面時，擴充功能就會開始工作。要停用擴展，只需取消選取頁面中的方塊即可chrome://extensions。

我當然希望這就是你想要的。無論如何，這是一件有趣的事；）

答案2

我發現這個擴展對於正則表達式突出顯示和日誌分析非常有用：

https://chrome.google.com/webstore/detail/rex-regex-highlight-or-co/eejlhekkafpkffbhpidchepheodkgnib

您可以將其配置為在頁面上突出顯示您選擇的文本，並且它將自動將此配置應用於選定的網域。

配置範例

相關內容