iOS Chrome ver49.0.2623.109において、JSの一部が実行されない

Question

内容
Javascriptで、「現在画面に表示されている画像のwidth」と
「元画像のwidthを比較するコード」を書いています。
クロスブラウザに対応するため、一旦新しいImageオブジェクトを生成し、
元画像のsrcからwidthを引っ張ってきています。
関数img_width_checkは、window.load時に実行されます。
問題のコードは以下の通りです。

function img_width_check(main_img){
		//現在表示されているwindow上の画像のwidth
		var width =document.getElementById(main_img).width; 
		
		//元画像のサイズを取得
		var img = new Image();
		img.src = document.getElementById(main_img).src;
		var img_width = img.width;
		var img_height = img.height;
		
		alert(img_width);
		alert(img_height);
}

問題
iOS Chrome ver49.0.2623.109で上記のコードを実行した場合、
img.srcの値は正しく取得できるのですが、img_widthとimg_heightがどちらも0になります。
Safari、Sleipnir、LunaScapeなどの他ブラウザやPC版のChromeなどでテストをしてみましたが、
どれも正常に値を取得できていました。

解決策や改善コードがあれば是非教えて頂きたいです。
よろしくお願いいたします。

追記
JSは外部ファイルではなく、直接HTMLのbody内で処理を行っています。
その際、window.load=function(){}で関数を呼び出しています。

<script type="text/javascript">

window.onload = function(){
	img_width_check(main_img);//画像のid
}

function img_width_check(main_img){
		//現在表示されているwindow上の画像のwidth
		var width =document.getElementById(main_img).width; 
		
		//元画像のサイズを取得
		var img = new Image();
		img.src = document.getElementById(main_img).src;
		var img_width = img.width;
		var img_height = img.height;
		
		alert(img_width);
		alert(img_height);
}
</script>

Answer 1

iOS9.2.1 iPhone5s Chrome 49.0.2623.109で検証しましたが、問題なくサイズが取得できました。
HTMLの部分が不明でしたので以下のコードでやっています。
（あえて大きな画像を読み込んでいます）
http://jsdo.it/mattari_panda/aEu8

ですので明確な解答になるかわかりませんが、こちらのコードのように一度imgのload後に
サイズを取得してみてはいかがでしょうか。
http://jsdo.it/mattari_panda/INwf

Comments

[katsuo_isono]

ご回答ありがとうございます。
直接HTML内にwindow.load=function(){}の記述をしていて、チェックの関数を呼び出しているのですが、やはり現象が残ったままですね…
もしやと思い、表示する画像より下にJSのコードを書いてみましたが、やはりChromeだけ不可でした。
Chromeを再インストールしてみましたが、こちらも変化なしでした。
まさかiOSのバージョンが8.1.3のままなのがいけないのでしょうか…

Answer 2

もっとスマートな方法(onloadにonloadって。笑)があるかもしれませんが、下記ならいけました！
新規に作成した画像インスタンスの読み込みが完了したら、サイズを取得しにいくイメージです。
※ios chrome(ブラウザ・OSのver.は同じ条件)のみ検証済みです。

window.onload = function(){
    img_width_check(main_img);//画像のid
}

function img_width_check(main_img){
        //現在表示されているwindow上の画像のwidth
        var now_width = document.getElementById(main_img).width; 
        alert("nowidth = " + now_width);

        //元画像のサイズを取得
        var img = new Image();
        img.src = document.getElementById(main_img).src;
        //var img_width = img.width;
        //var img_height = img.height;
        img.onload = function() { 
	        alert("img_width = " + img.width);
	        alert("img_height = " + img.height);
    	}
}

Comments

[katsuo_isono]

ご返信遅くなり申し訳ありません。
ご回答ありがとうございます。
上記のコード試してみたところ、正常に動作致しました！
やはり画像インスタンスの読み込みが若干かかっていたようです。
ありがとうございました！