載入本地json檔案,並利用批處理呼叫Chrome顯示html
阿新 • • 發佈:2018-11-11
載入本地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方式。
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: 啟動多個任務 批處理延時 啟動樣例