ChromeでローカルファイルによるAjax通信を行う方法
Chromeではローカルファイルへのアクセスができない・・・確かにサーバー上ではChromeでも問題なくloadが動きました。上記サイトにローカルファイルへのアクセスを有効にする方法があったので試してみました。
起動オプションの設定方法
Step1：ショートカットの作成
まずはChromeのショートカットを作成します。Chromeのexeファイル保存場所は以下
■Windows XP
C:Documents and Settings＜ユーザー名＞Local SettingsApplication DataGoogleChromeApplicationchrome.exe
■Windows Vista／7
C:Users＜ユーザー名＞AppDataLocalGoogleChromeApplicationchrome.exe
Step2：ショートカットの作成
作成したショートカットを右クリック→プロパティで開きショートカットタブのリンク先の後ろに「–allow-file-access-from-files」を追加する。
“C:Documents and SettingskanekoLocal SettingsApplication DataGoogleChromeApplicationchrome.exe”
↓
“C:Documents and SettingskanekoLocal SettingsApplication DataGoogleChromeApplicationchrome.exe” –allow-file-access-from-files
Step3:動作確認
起動オプションを追加したChromeのショートカットを起動し、動作検証。以下ソース
■読み込み元html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>テスト</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4");</script>
<script type="text/javascript">
$(function() {
$("#demo").load('test.html');
});
</script>
</head>
<body>
<div id="demo">
</div>
</body>
</html>
■読み込むhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>テスト</title> </head> <body> テストテストテストテストテストテストテストテストテスト </body> </html>
■結果
無事うまくいきました！
その他起動オプション
多数ある起動オプションから一例を紹介。詳細はコチラのサイトに記載されています。
起動オプション – Google Chrome まとめWiki
–incognito・・・シークレット モードで起動。
–disable-extensions・・・すべての拡張機能を無効。
–disable-XXX・・・XXX機能を無効 例）–disable-javascript・・・javascriptを無効。
「Google Chromeの起動オプション」への1件のフィードバック