How to disable Pinch zoom in/out in iPhone - especially when rendering process, drawing in part and sometimes all seemed black only.
How to disable Pinch zoom in/out in iPhone - Loh kok judulnya bahasa inggris, ceritanya biar gampang ditemukan oleh google sama orang bule hehehe, dah berapa lama ga nulis ya lama banget offline dari blog ini gee buat dua versi aja deh.
Versi Indonesia
berawal dari sebuah proyek pengembangan website yang menggunakan html2canvas jquery plugin, gee mengembangkan website yang berbentuk mini aplikasi yang mampu mengkonversi tag html menjadi gambar dan bisa di download dan dibagikan.
Ketika semua dianggap tidak ada masalah, iphone terlewatkan dan benar saja semua berantakan di iphone terutama saat proses render, gambar sebagian dan kadang semua tampak berwarna hitam saja.
Setelah saya teliti saya temukan masalahnya bahwa iphone untuk tag user-scalable=no pada meta sudah tidak berlaku lagi, sehingga untuk menonaktifkan pinch zoom in/out harus secara native menggunakan kode javascript.
daripada terlalu lama langsung saja kamu tambahkan kode seperti dibawah ini ya untuk menonaktifkan pinch zoom in/out,jangan lupa untuk meletakan setelah library Jquery
Versi Translate google
originated from a website development project that uses html2canvas jquery plugins, gee develop the website in the form of mini-applications that can convert html tag into the image and can be downloaded and shared.
When all is considered no problem, iphone missed and really just mess on the iPhone, especially when rendering process, drawing in part and sometimes all seemed black only.
After I researched I found the problem that the iphone to tag user-scalable = no meta is no longer valid, so as to disable the pinch zoom in / out to be natively using javascript code.
than too long you just add the code as shown below yes to disable pinch zoom in / out and do not forget to put after the library Jquery
Versi Indonesia
berawal dari sebuah proyek pengembangan website yang menggunakan html2canvas jquery plugin, gee mengembangkan website yang berbentuk mini aplikasi yang mampu mengkonversi tag html menjadi gambar dan bisa di download dan dibagikan.
Ketika semua dianggap tidak ada masalah, iphone terlewatkan dan benar saja semua berantakan di iphone terutama saat proses render, gambar sebagian dan kadang semua tampak berwarna hitam saja.
Setelah saya teliti saya temukan masalahnya bahwa iphone untuk tag user-scalable=no pada meta sudah tidak berlaku lagi, sehingga untuk menonaktifkan pinch zoom in/out harus secara native menggunakan kode javascript.
daripada terlalu lama langsung saja kamu tambahkan kode seperti dibawah ini ya untuk menonaktifkan pinch zoom in/out,jangan lupa untuk meletakan setelah library Jquery
Versi Translate google
originated from a website development project that uses html2canvas jquery plugins, gee develop the website in the form of mini-applications that can convert html tag into the image and can be downloaded and shared.
When all is considered no problem, iphone missed and really just mess on the iPhone, especially when rendering process, drawing in part and sometimes all seemed black only.
After I researched I found the problem that the iphone to tag user-scalable = no meta is no longer valid, so as to disable the pinch zoom in / out to be natively using javascript code.
than too long you just add the code as shown below yes to disable pinch zoom in / out and do not forget to put after the library Jquery
< script >; document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }, false); var lastTouchEnd = 0; document.documentElement.addEventListener('touchend', function (event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); </ script >
COMMENTS