首頁猿問這段正則應(yīng)該怎么分析??？

這段正則應(yīng)該怎么分析??？

JavaScript

炎炎設(shè)計(jì) 2019-04-19 16:29:35

(/^\s*(?:(?:(?:ht|f)tps?:\/\/)?(?:(?:\w+?)(?:\.(?:[\w-]+?))*(?:\.(?:[a-zA-Z]{2,5}))|(?:(?:\d+)(?:\.\d+){3}))(?::\d{2,5})?(?:\/\S*|$)|data:(text|image)\/[\u0025-\u007a]+)\s*$/.test(TXT)什么意思，然后碰到這種正則應(yīng)該怎么分析？

查看完整描述

2 回答

墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊

就是長點(diǎn)，其實(shí)沒那么難，這個(gè)是用來匹配這兩種東西的1.常規(guī)URLhttp://localhost:8080/app/resources/css/style.css2.DataURL:data:image/gif;base64,R0lGODlhBAABAIABAMLBwfLx8SH5BAEAAAEALAAAAAAEAAEAAAICRF4AOw==是用來匹配css文件里面的資源路徑或者一個(gè)img的src的。怎么分析？各個(gè)擊破，你首先要克服畏難心理，摸清正則表達(dá)式的結(jié)構(gòu)將其分解為幾個(gè)小的表達(dá)式，然后再一個(gè)一個(gè)分析。分析第一步：去掉?:，它的意思是不捕獲，就是提高性能而已，對是否匹配的邏輯一點(diǎn)不影響：^\s*(((ht|f)tps?:\/\/)?((\w+?)(\.([\w-]+?))*(\.([a-zA-Z]{2,5}))|((\d+)(\.\d+){3}))(:\d{2,5})?(\/\S*|$)|data:(text|image)\/[\u0025-\u007a]+)\s*$然后：^\s*(((ht|f)tps?:\/\/)?--http(s)這個(gè)是一條重要的線索((\w+?)(\.([\w-]+?))*(\.([a-zA-Z]{2,5}))域名|或((\d+)(\.\d+){3})IP)(:\d{2,5})?端口(\/\S*|$)資源|或data:(text|image)\/[\u0025-\u007a]+DataURL)\s*$由此分析，我們可以看出這個(gè)正則表達(dá)式并不嚴(yán)謹(jǐn)，域名和IP地址部分就有很多漏洞，端口也是。