jqueryとChromeの干渉
Bootswatchをローカルでいじってサーバーにあげて動作を確認しようとしたら、スマホからだとナビバーのメニューが開閉できず。
ブラウザで開いて確認すると、何やらエラー。
最初、よくわからなくてjsの名前や使ってる関数でググって、何も出てこず…
jsをクリックして開いてみた。
なるほどこれが使っているjsか。と、上にスクロールしていったら、Tab Sugarという名前とgithubのURLが。
この機能が使ってるってことかな…?そういえばだいぶ前そんなもの入れたっけな、と拡張機能一覧を見てみたら、なぜか背景が灰色に。
ググっても特に出てこない。困った。まあ、飛ばそう。
タブ管理をショートカットで操作したりするから、きっとこのjsがおかしい。たぶん。無効にして、Chromeを再起動。
ちなみに再起動のショートカットはこうらしい。
アドレスバーに chrome://restart を入力するだけです
再起動後リロードしたら、エラーが消えていた。ばんざい!まあ、スマホでは相変わらず見れないんですけど…。
いつか転んだ時用ブクマ:
9)ローカルでの検証
ローカルで検証する場合はサーバーでの実行と比べて挙動に違いがおきる場合があります。
以前の記事に書いたのですがChromeでローカル検証を行った際、load関数が動かないということがありました。
→Google Chromeの起動オプション
検証はできるだけサーバー環境で行いましょう。
フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita
シークレットモードではデフォルトですべての拡張が無効化され、ノーマルウィンドウのセッション情報も引き継がずにクリーンな環境を手に入れることができます。
でもユーザがいつもクリーンな環境で見てるわけじゃないよね…どうするんだろう。
ちなみにこのエントリー書いてたらスマホで見れるようになった。足りないもの調べてアップロードしたりしたからかも。それの反映の時差?