2013-02-01 40 views
3

我正在調試和評論別人的JavaScript代碼,但有一些魔鬼RegEx在它。雖然我對RegEx的瞭解相當不錯,但有一個可靠的可視化工具可以將每個RegEx字符串顯示爲鐵路圖或類似的圖表。我在哪裏可以找到適用於JavaScript的RegEx可視化工具?

  • 我發現了一個插件,Eclipse的,與Java一起使用,在this question所以我想知道是否有針對JavaScript在那裏類似的東西。

  • 它不一定是一個插件,但Notepad ++的東西是理想的。我通過Notepad ++的插件管理器進行了檢查,但是我看到的兩個RegEx工具並不是很好。

  • 接受表達式並生成一個圖表的網頁可以工作得很好,並且可以節省我不得不使用JSFiddle這麼多。

有誰知道這樣的工具是否存在?或者如果有一些我錯過的技巧可以使RegEx的人工分析更容易?

+2

我用這對所有我的正則表達式的測試:http://regexpal.com - 這表明,如果你是合法的,什麼是可以接受的,哪些不是。我發佈了評論b/c我不確定這是你在找什麼? – adamdehaven

+0

謝謝。非常整潔的工具。即使這會爲我節省一些JSFiddle的工作量。隨意發佈它作爲答案(其他人有一點解釋),我肯定會給它一個upvote至少:-)將有興趣看看是否有任何其他建議進來。 – guypursey

回答

9

Regexpr生成非常好的可視化正則表達式。一個簡單的例子:

Sample screenshot from regexpr.com

並且試圖匹配HTML標記一個正則表達式的更復雜的例子:

A more complicated screenshot (經由tutsplus.com

+0

完美。到底是什麼我後:-) – guypursey

+0

順便說一句,http://regexplained.co.uk是完全一樣的,但與永久鏈接和客戶端渲染。 – ForbesLindesay

+0

值得指出的是(在撰寫本文時)兩個語法圖生成器在它們的輸出中可能顯着不同。請參閱[我的比較中類似問題的答案](http://stackoverflow.com/a/34048619/2502532)。 – gfullam

2

參見regex101.com,其包括測試儀和解釋者。

enter image description here

+0

感謝您的支持。看起來像是一個非常有用的細分。 – guypursey

1

我用這對所有我的正則表達式的測試:regexpal.com

技術上沒有什麼你要找的(也許見@約翰Kugelman的答案),但它很好地工作,以測試正則表達式和顯示什麼作品/不適用。使用簡單。

截圖

enter image description here

+1

感謝您發表評論後作爲回覆發佈。我認爲在答案中有這個很好,所以看着這個問題的其他人可以看到它是一個選項。 – guypursey

0

你可以在www.textpression.com嘗試Textpression。在開發過程中可以免費下載和使用。它現在並不專門支持JavaScript,但會在商業版本上發佈。

它具有直觀的可視化正則表達式的方式。

披露:我是作者

+0

從StackExchange [幫助中心](http://stackoverflow.com/help/behavior):「發佈好,相關的答案,如果有些(但不是全部)碰巧與您的產品或網站有關,那沒關係。 ,你必須在你的答案中公開你的隸屬關係。「 – barrowc

相關問題