phonegapを使用してアプリを開発しています。edmunds API を使用して車の写真を取得しています。API はブラウザでは正常に動作しますが、デバイスで実行すると画像が表示されません。誰も理由を知っていますか?また、デバイスで JavaScript をデバッグする方法はありますか?
コードは次のとおりです。
<script>
window.sdkAsyncInit = function() {
// Instantiate the SDK
var res = new EDMUNDSAPI('xxxx');
// Optional parameters
var options = {};
var style;
// Callback function to be called when the API response is returned
function success(res) {
style = res.styles[0].id;
console.log(style);
showimage(style);
};
function showimage(style){
var opt = {
"styleId": ""+style+"",
"comparator": "simple"
};
console.log(opt);
res.api('/v1/api/vehiclephoto/service/findphotosbystyleid', opt, success2, fail);
}
function success2(res){
var body = document.getElementById('image');
body.innerHTML = "<img src='http://media.ed.edmunds-media.com"+ res[0].photoSrcs[0] +"' />";
}
function fail(data) {
console.log(data);
}
// Fire the API call
var make = localStorage.getItem('make');
var model = localStorage.getItem('model');
var year = localStorage.getItem('year');
console.log(make+model+year);
res.api('/api/vehicle/v2/'+make+'/'+model+'/'+year+'/styles', options, success, fail);
// Additional initialization code such as adding Event Listeners goes here
};
// Load the SDK asynchronously
(function(d, s, id){
var js, sdkjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "./edmunds.api.sdk.js";
sdkjs.parentNode.insertBefore(js, sdkjs);
}(document, 'script', 'edmunds-jssdk'));
</script>