iPad portrait / langscape - no iPad recognition with JavaScript -


i want able set different viewport meta tags, depending on whether device ipad or not, , if it's ipad, whether it's being used in portrait or landscape view.

it should doable javascript, apple's ipad user agent string, described in article david walsh.

something this:

if isipad , max-width=768px -> use viewport meta portrait else if isipad , max-width=1024px -> use viewport meta landscape else (not ipad) -> use default viewport meta non-ipad devices; (some kind of event listener) if ipad's max-width changes 768 1024, or 1024 768 - use corresponding viewport meta.  

could skillful translate actual javascript?

thank in advance help!

var isipad = navigator.useragent.match(/ipad/) != null; if (isipad) {     var meta = document.createelement("meta");     meta.setattribute("viewport", "whatever");     var head = document.getelementsbytagname("head")[0];     head.appendchild(meta); } else {     // etc.. };  window.onresize = function(event) {     var width = window.clientwidth; // works android + ios.     var meta = document.createelement("meta");     meta.setattribute("viewport", "whatever");     var head = document.getelementsbytagname("head")[0];     var metas = document.getelementsbytagname("meta");     (var = 0, < metas.length; i++) {          if (metas[i].getattribute("whatever") == "blabla")//removal condition              head.removechild(metas[i]);     };     head.appendchild(meta);  }; 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -