『Head Cleaner』の設定を間違えると外部ファイルの参照URLがおかしくなる

  • 更新日:
  • 公開日:

head内のソースを最適化してくれる便利なプラグイン『Head Cleaner』。このプラグインにはCSSとjavascriptをキャッシュする機能があります。

ローカル内でjQueryソースコードを書き換えてサーバーにアップロードする時、予めHead Cleanerのキャッシュ設定をOFFにしたのですが何故かjQueryが動かない。というか、弄っていない他所ソースのjQuery関係も動作していない。泣いて良いですか。

Firfoxでソースを見ると外部ファイル参照URLに赤文字が

Firfoxで右クリックからソースを見ると、jQueryのソースURLに何故か赤文字が表示されていました。「&」というやつです。何故かアンパサンドに変換された状態でURLに載っている。

というよりURL全体がおかしい事になっていました。googleのURLで例えると、

http://www.google.co.jp/http://www.google.co.jp/wp-content/plugins/head-cleaner/js_css.php?f=jquery/jquery&t=js?ver=1.8.3

こんな形です。

Head Cleanerのキャッシュ関係設定をOFFにする方法を間違える事が原因

設定の項目で「CSS と JavaScript を、サーバ上にキャッシュする」があるのですが、このチェックボックスをチェックすると新たに項目が増えます。

Header Cleaner設定画面
Header Cleaner設定画面

再度チェックを外すと項目がまた隠れるのですが、この時「CSS, JS を動的生成する。」にチェックが入ったままだと何故か設定が引き継がれたままなのです(上図赤枠)。

おそらくJavaScriptで非表示にしているのみで、項目が隠れても設定(HTML構造)は残るようですね。

項目が隠れるからと言って設定が消える分けではない、という事でした。ちなみに、2013年5月25日現在Head Cleanerのバージョンは1.4.2.10です。これ以降のバージョンだと解決されている可能性があります。

書いた人

Symbol Mark

Ryoichi(しつ)

除菌ティッシュを買い込んで使いきれずによく乾かす人。

療養目的で退職し、どうやって生きていくか模索中。最近は勉強目的でLaravelやVue.js弄ったり、趣味で音で遊んでます。

※2019年10月16日現在ブログリニューアル中です。崩れなどが発生していたらすみません。

うぇぶ: @s_ryone