ローカル環境で動作しないJavaScriptについて

このQ&Aのポイント
  • ローカル環境でJavaScriptが動作しない現象が発生しています。
  • Google Chromeではフォントサイズの変更ができない問題があります。
  • 以前にも同様の現象があり、テストサーバーでは問題なく動作しました。
回答を見る
  • ベストアンサー

ローカル環境で動作しないJavaScriptについ

ちょっと気になったので質問させてください。 ↓こちらのページ等を参考にさせていただきながら、フォントサイズを変更できるサイトを制作しています。 http://web-mugen.com/javascript/jquerynochangecssfontsizechange/ ファイルはすべてローカルに保存し、相対パスで読み込んで作業しています。 ところがGoogle Chromeでのみ、ローカル環境でブラウザ確認してみると、フォントサイズが変わらなかったのです。 試しに似たようなプラグインを他にもいくつか試してみましたが、全部同じ結果でした。 が、悶々としたままテストサーバーへアップすると問題なく動いてくれました。 以前も何かのプラグインで同じようなことが、確かIEやFireFoxでも動かなかったことがあった気がします。 最終的に解決したので良いのですが、理由が気になります。 JavaScriptは全てローカルでも動作するものではないのでしょうか。 原因をご存知の方いらっしゃいましたら教えていただけませんか。

質問者が選んだベストアンサー

  • ベストアンサー
  • weakweak
  • ベストアンサー率34% (350/1003)
回答No.1

こんにちは。chromeはセキュリティ上の理由からローカルでのAjax通信を許可していないそうです。 私も素人なのでソース見ていませんが、おそらくどこかで非同期通信をしているんでしょう。

piyodama
質問者

お礼

なるほど、Chromeはそういう仕様があるんですね。 スッキリしました。 ありあとうございます。m(__)m

その他の回答 (1)

  • warpspace
  • ベストアンサー率56% (83/147)
回答No.2

動作しない原因は、Ano.1さんの回答どおりですので、動作させる方法を補足させていただきます。 Chrome起動時に「–allow-file-access-from-files」オプションを指定すればローカル環境でも 実行可能です。

参考URL:
http://www.finefinefine.jp/web/jquery/kiji861/
piyodama
質問者

お礼

ローカルで実行させる裏技もあるんですか! ありがとうございます!

関連するQ&A

  • ChromeでJavaScriptが動作しない

    Win7 Pro(64bit)SP1, Corei5 2.53GHz, 4GMemのノートパソコンで最新のChrome 24.0.1312.57 mを とFirefox 18.0.1.を使用しています。 先ほどとあるサイトのページを閉じようとして、「ページを閉じる」ボタンをクリックしましたが、 何の反応もありませんでした。ちなみにそのボタンにはJavaScriptで単純に「ページを閉じる」 命令が仕組まれています。ちなみにIE(8.0)では動作しましたが、Firefoxでもだめでした。 ちなみにChromeでは設定→コンテンツの設定→すべてのサイトでJavascriptを有効にする に設定していますし、Firefoxでも、オプション→コンテンツ→Javascriptを有効にする、にチェックが 入っています。 どなたか原因と解決策をご教示下さい。

  • CSS, Javascript読み込めない

    Windows10のノートパソコンを使用しています。各ブラウザの設定は初期設定のままです。 ローカル(PC内)でHTMLファイルにCSSファイル1つとJavascriptファイル1つを読み込ませ、Google Chrome, Microsoft Edge, Internet Explorerで開いたのですが、どのブラウザでもCSSもJavascriptも認識されていません。 ファイル名とそのパスやソースコードを確認しましたが、記述に間違いはありません。htmlファイルと同じ階層にCSSファイルとJavascriptファイルを入れています。 Google Chromeの検証機能で確認するとCSSとJavascriptのファイルが見つかりませんとなっています。 ネットで調べましたが原因は不明です。以上のことから、CSS、Javascriptが読み込めない原因として考えられることを教えて下さい。

    • ベストアンサー
    • HTML
  • ie8 javascript submitできず

    ie8で、javascriptを使ってsubmit()しファイルをアップロードしようと思ったのですが、Webサーバがまったく反応しません。Firefoxとchromeでなんの問題もなかったのでIE8固有の問題だと思うのですが、解決された方はいますでしょうか?手がかりが記載されているサイトでもいいので教えてください。 ちなみにhttp://support.microsoft.com/kb/890981/jaで問題になっている相対パスは入れていません。IE8が出力したファイルパスをそのまま使用しています。

  • javascriptでのパスについて

    javaScript初心者です。 firefox3.5を使っています。 最近、プログラムを組んでいたのですが 絶対パスや相対パスをあまり意識しないでプログラムを書いていました。 プログラム中では document.getElementById(a).src = "画像.jpg"; のように代入していたのですが ふと絶対パスや相対パスはどうなっているのだろうと不安になり alert(document.getElementById(a).src); のようにalertで表示させてみると絶対パスが入っていることがわかりました。 インターネットで検索してみたところIEでは どうやらバグとして認知されているようなのですが (参考:http://css-bug.jp/win/ie/ver6_under/0043/)、 FireFoxでも同じようなことがあるのですか? 中で変換されているのでしょうか? どういった仕組みになっているのか教えてください。 そして相対パスと比較を行うときにはどのように比較することができるでしょうか。 いまはファイルの文字数がはっきりしているのでfor文の中で document.getElementById(i).src.slice(-9) == file + i + ".jpg" のように行っていますが、もっとよい方法がありますか? 初歩的な質問かもしれませんがよろしくお願いします。

  • Google Chromeでの表示フォントについて

    Web制作の仕事をしているのですが、cssでフォント指定しているのにも関わらず、急にGoogle Chromeでの表示フォントがデフォルトに戻ってしまいました。 数日前までは、cssで指定しているフォントで表示されていました。 また、IEやFirefox、他のPCではこの現象は起きていません。 Google Chromeの問題だと思い、アンインストール等試してみましたが、改善されません。 どなたか修復方法をご存知でしたらよろしくお願いいたします。

  • firefoxの動作が遅く困っています

    スクロールもマウスの動きも遅くなってしまいました。 直前に、Adobe Rseder X(おそくらくこれ)のアップデートをしました。 数日前まで、Google Chromeも同じような症状でしたが、プラグイン画面をちょっと操作(ある掲示板に書いていた)をしたらなおりました。 こういう場合、firefoxではどのような操作をすれば改善されますか? あまり詳しくないので、初心者向けに解説していただけると助かります。 よろしくお願いします。

  • JQuery+JSONでChromeでローカル表示ができない?

    JQuery+JSONでChromeでローカル表示ができない? http://image.gihyo.co.jp/assets/files/design/serial/01/jquery-site-production/0019/demo19-1.html 上記ページのサンプルをローカル上で検証しています。 safari、firefoxなどは問題なくサンプル通りの挙動なのですが、Chromeは表示されません。 試しにWeb(http)上にアップするとChromeも問題ありません。 これはブラウザの仕様なのでしょうか。Chromeのローカルで確認できるような記述方法があるのでしょうか。 宜しくお願いします。

  • Google chromeの画面サイズが?

    最近、Google chromeを試しに入れてみたのですが 立ち上げるといつも、画面サイズが一回り小さく表示され 困っています。IEやFirefoxの時のようにCtrlボタンで覚えさせても 設定出来ません。chromeの方法をおしえて頂けませんか。 OSはXP SP3です。

  • 作成したhtmlファイルがローカルで見られない場合

    知人に頼まれサイトを制作し、そのデータを送ってくれとの事だったので、メールで送りました。 しかし、送ったデータ(htmlファイル)を相手側のPC(ローカル)で開くと、画像が全く表示されないそうなのです。 画像だけではなく、CSS(外部ファイル)も動いてないようです。 画像等のパスは、相対パスで記述してありますし、相手側にソースを確認してもらいましたが、問題なさそうでした。 何が原因なのでしょうか? わかる方がいらっしゃったら、教えてください。 ※相手の環境はWindows XP/IE6です。 ※ちなみに、制作したモノは既にサーバーにアップしてあり、そちらは問題なく閲覧できるそうです。

    • ベストアンサー
    • HTML
  • Javascript フォントサイズ変更

    Twitterのつぶやきを外部表示したらフォントサイズが大きくフォントの色も黒いままだったので、 <FONT size="1" color="#ff0000"> <div id="twitter_div"><ul id="twitter_update_list"></ul></div> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/○○(ID).json?callback=twitterCallback2&amp;count=2"></script> </FONT> とフォントタグで囲んだところ、IEとSafariでは小さくなったのですが、 Firefoxでは表示がそのままでした。 Firefoxでもちゃんと表示できるようにするにはどうしたらいいでしょうか。

専門家に質問してみよう