一行命令檢查HTML文件是否有id重複命名

先上命令(代碼)

$ grep -o 'id=\"[^=]*\"' *.html|awk  'BEGIN{ FS=":"; OFS=":"; } { map[$2] =  map[$2]" "$1;} END{ for(key in map){ print key,map[key]; } }'

再說場景:
“id”這個字樣,對於開發人員(無論前端後端)來說,應該有一個默認意思:唯一標識(即,不允許重複)。
猿Why見識到"code copyer",對於id這個東西就很隨意,命名很隨意,使用很隨意。
不同業務html文件中,存在大量(少許更可怕,埋下的雷)重複id,例如:

<input id="input1">
……
<input id="input1">
……
<input id="input1">

在同一個HTML中還好說,開發工具自動提示,但是如果使用模板加載形式動態生成前端頁面那就麻煩了。
某一個頁面需要加載兩個或者更多模板文件,那就存在頁面元素id衝突的問題。
一旦做什麼策略調整,難免會有意想不到的事情發生!!!

目前還沒有發現開發工具有什麼好的插件可以規避不同文件中,id不能重複的檢測手段。

所以我想到了Linux 三神器:sed grep awk。
那麼,結合grep 和 awk,做一個統計:掃描文件中所有的id屬性,並做統計。
awk命令可以寫成.awk文件,做更復雜的處理。
awk簡明速成教程

看一下效果:
在這裏插入圖片描述
Windows開發環境不能用?
Git Bash 瞭解一下
Windows環境,並且沒有git怎麼辦?
你可能不是開發人員!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章