なぜか、動かないとのこと、とても、残念です。
同じWebKitで、同じAndroidで、アプリのときだけ、マルチタッチができないというのは何かの設定がおかしいのだと思います。
同じソースコードと思いますので、気休めですが、新規プロジェクトを作って、
念のため、以下のソースコードで試していただけますか?
添付の画像 photo.png を使って、
ピンチイン、ピンチアウトができないでしょうか?
===
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<script type="text/javascript" src="jsWaffle.js"></script>
<script type="text/javascript">
window.onload = function() {
var tx_start = 0; // 初期間隔
var tx_value = 0; // 移動量
var tx_total = 0; // 移動量のトータル
document.ontouchstart = function (e) {
if (e.touches.length >= 2) { // マルチタッチされた時
tx_start = Math.abs(e.touches[0].pageX - e.touches[1].pageX);
e.preventDefault();
}
};
document.ontouchmove = function (e) {
if (e.touches.length >= 2) { // マルチタッチされた時
e.preventDefault();
var x2 = Math.abs(e.touches[0].pageX - e.touches[1].pageX);
tx_value = x2 - tx_start; // 移動量を計算
// 移動量に合わせてピンチイン/アウト処理
$("pic").width = 200 + tx_total + tx_value;
$("pic").height = 200 + tx_total + tx_value;
}
};
document.ontouchend = function(e){
tx_total += tx_value; // トータル移動量に加算
};
};
</script>
</head><body>
<img id="pic" src="photo.png"/>
</body></html>
===
http://d.aoikujira.com/jsWaffle/tasukeai/attach/85-photo.png