カテゴリー
その他

ブックマークレットでテスト環境のタグが入っていないか確認する

がんばって制作したウェブページをついに本番公開!なのにうっかりテスト環境の測定タグを入れちゃってた!!ってことないですか?

私はあります。。

最近ではGoogleタグマネージャーをはじめとするタグ管理サービスがあるので、そういった事故はなくなってきました。

でも!どうしても!ここのリンクはhttpsから始まる絶対パスをかかないとダメなの!ってことも結構あると思います。でも毎回いちいちコードを開いてチェックとかめんどくさい!1ページ位なら許すけど10ページ以上になるとやってられません。

そこで本番公開した時に、本来あってはイケないコードを検索するブックマークレットを作ったのでメモ。

var htmlTxt = document.getElementsByTagName("html")[0].innerHTML;
var keyword = "www-test";

htmlTxt.replace( /<!--[\s\S]*?-->/g , '');
result=htmlTxt.indexOf(keyword);

if(result !== -1){
	var count = (htmlTxt.split(keyword).length - 1);
	alert(keyword + "が" + count + "個あります。確認してください!");
} else {
	alert("OK!");
}

今回もブックマークレット変換サイトを利用します。

https://ytyng.github.io/bookmarklet-script-compress/

ちなみに100ページ以上のチェックが必要だったら、素直にウェブ解析したほうが良いと思います。。

カテゴリー
その他

ウェブ制作で良く使う正規表現

ウェブ制作以外でも重宝する正規表現。覚えておくと何かと便利ですよね。
いざ使うという時に忘れるので、自分用にメモしておきます。

最後の空白以降を選択する

^\n

利用シーン
余計な空白行を削除する時便利。

最後の文字を取得する

([\s]+)[^\s]+$

参考サイト

特定のコメントに囲まれたコードを選択する

<!--\s*コメントここから(\s|\S)*?コメントここまで\s*-->

利用シーン
測定タグなど、決まったコメントで囲まれたタグを一括削除するのに便利

<結果>

URL一部置換

利用シーン
ドメインと、ファイルの拡張子が一部違う。こんなURLを一括変換するときに便利

<変換前>
href=”https://example.com/category/items00.html”

<変換後>
href=”https://test.jp/items00/”

href="(.*[^/]?/)(.*)\.html
href="https://test.jp/$2/
置換するところ
・ドメイン
・最後のファイルの拡張子を削除してディレクトリにする

<変換前>
href=”https://example.com/category/items00.html”

<変換後>
href=”https://test.jp/items00/”