Chromeの「要素を検証」ではソースコードが改変されているので注意

Chromeの「要素を検証」ではソースコードが改変されているので注意


開発

正規表現でキーワードを検索していたのだけれど、どうしてもうまく行かなくてハマった点。

ソースコードを普段はChromeの「要素を検証」で見ているのですが、図のように実際のソースコードではシングルコーテーションで囲まれていた要素が、ダブルコーテーションに改変されていました。

<!--要素を検証-->
<a data-type="link" href="https://monoxa.net" title="モノグサにお灸">モノグサにお灸</a>
<!--ソースコード-->
<a data-type="link" href='https://monoxa.net' title='モノグサにお灸'>モノグサにお灸</a>

そのため、ダブルコーテーションを含んだ正規表現では一致はされず。

「要素を検証」は便利だけれど、正確なソースコードを見たい時は必ず「ページのソースを表示」で。

正規表現の確認はこちらのサイトが便利でした。

正規表現チェッカー PHP: preg_match() / JavaScript: match()
参考
正規表現チェッカー PHP: preg_match() / JavaScript: match()

PHP: preg_match()とJavaScript: match()による正規表現チェッカー

今日はここまで
Chromeの「要素を検証」ではソースコードが改変されているので注意

Chromeの「要素を検証」ではソースコードが改変されているので注意


開発

正規表現でキーワードを検索していたのだけれど、どうしてもうまく行かなくてハマった点。 ソースコードを普段はChromeの「要素を検証」で見ているのですが、図のように実際のソースコードではシングルコーテーションで囲まれてい…


関連する記事



こちらはいかが?


スクロールバーを自動非表示にしてくれるChrome拡張機能
スクロールバーを自動非表示にしてくれるChrome拡張機能

マニュアルを作成する為に、Chromeの画面をスクリーンキャプチャする際にスクロールバーが邪魔になることがあります。 で、元々はこちらのスクロールバーを完全非表示にしてくれる拡張機能を入れていました。 (追記 削除されま…

[WordPress] パーマリンクを自動翻訳してくれるプラグイン
[WordPress] パーマリンクを自動翻訳してくれるプラグイン

パーマリンクを英語にした方が、SEO的に良いよ、という事です。 であれば翻訳API使って、自動翻訳してくれるようにすれば良くないかい?と思い、調べてみたらGoogle翻訳APIを使って同様なことを実装しているという記事。…

WordPressのギャラリーデフォルト値を変更する方法
WordPressのギャラリーデフォルト値を変更する方法

WordPressのギャラリー設定のデフォルト値は、 のように、 リンク先:「添付ファイルのページ」 カラム:「3」 サイズ:「サムネイル」 のようになっています。 このデフォルト値を リンク先:「メディアファイル」 カ…

コメントを残す