載入本地json檔案

1.載入本地json檔案

為了除錯儲存在本地的json資料，需要進行讀入。一般使用jQuery來進行，但需要對瀏覽器進行一點設定。
Chrome瀏覽器中有一個啟動選項--allow-file-access-from-files,在啟動的時候需要設定一下。

• 屬性設定
  

這種方法一般在chrome快捷方式右鍵屬性中>目標，在exe後面增加上面引數即可。
但這種方法會修改chrome的整體啟動引數，所以更推薦後面的利用命令列啟動的方法。
注意 引數需要在"xxxx/chrom.exe"此處加空格"--allow-file-access-from-files"

,這裡是兩個帶引號的欄位，實際呼叫了cmd start 來執行的。

• 在html中，由於需要使用jQuery,需要引入對應的指令碼：

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<!--from http://staticfile.org/-->

隨後就可以在js指令碼中使用了：

// file is store with html file same folder
var myvar;
$.ajaxSetup({async:false}
 
); //https://blog.csdn.net/rkun595/article/details/79614368
$.getJSON('./local/path/to/myjson.json',function(data){myvar = data;});
$.ajaxSetup({async:true});
console.log(buslines);

這裡需要注意一個問題，由於非同步方式使得外部定義的myvar無法得到訪問變數的賦值，所以需要暫時關閉async方式。

ref:1,2，3, 4, doc,5

2.批處理呼叫Chrome 顯示

• 命令列啟動
  這種方式比較方便，直接在對應的資料夾下寫一個run.bat 檔案。

start "windowName" "碟符:\where\your\Google\Chrome\Application\chrome.exe" "file:///%CD%/your_demo.html" --allow-file-access-from-files

其中start 會開啟一個命令列視窗;
如果你的檔案路徑中有空格，一定要用""引號括起來;
ref: 啟動多個任務 批處理延時 啟動樣例