149 lines
4.8 KiB
CSS
149 lines
4.8 KiB
CSS
|
|
function buildIOSMeta(){
|
|
|
|
var aMetaTags = [
|
|
{ name : "viewport",
|
|
content : 'width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no'},
|
|
{ name: 'apple-mobile-web-app-capable',
|
|
content: 'yes'},
|
|
{ name: 'apple-mobile-web-app-status-bar-style',
|
|
content: 'black'}
|
|
];
|
|
|
|
for( var i = 0; i < aMetaTags.length; i++ ){
|
|
var oNewMeta = document.createElement('meta');
|
|
oNewMeta.name = aMetaTags[i].name;
|
|
oNewMeta.content = aMetaTags[i].content;
|
|
|
|
var oOldMeta = window.document.head.querySelector('meta[name="'+oNewMeta.name+'"]');
|
|
if (oOldMeta) {
|
|
oOldMeta.parentNode.removeChild(oOldMeta);
|
|
}
|
|
window.document.head.appendChild(oNewMeta);
|
|
}
|
|
|
|
};
|
|
|
|
function hideIOSFullscreenPanel(){
|
|
jQuery(".xxx-ios-fullscreen-message").css("display","none");
|
|
jQuery(".xxx-ios-fullscreen-scroll").css("display","none");
|
|
|
|
jQuery(".xxx-game-iframe-full").removeClass("xxx-game-iframe-iphone-se");
|
|
};
|
|
|
|
function buildIOSFullscreenPanel(){
|
|
var html = '';
|
|
|
|
html += '<div class="xxx-ios-fullscreen-message">';
|
|
html += '<div class="xxx-ios-fullscreen-swipe">';
|
|
html += '</div>';
|
|
html += '</div>';
|
|
|
|
html += '<div class="xxx-ios-fullscreen-scroll">';
|
|
html += '</div>';
|
|
|
|
jQuery("body").append(html);
|
|
};
|
|
|
|
function showIOSFullscreenPanel(){
|
|
jQuery(".xxx-ios-fullscreen-message").css("display","block");
|
|
jQuery(".xxx-ios-fullscreen-scroll").css("display","block");
|
|
};
|
|
|
|
function __iosResize(){
|
|
|
|
window.scrollTo(0, 0);
|
|
|
|
if( platform.product === "iPhone" ){
|
|
|
|
switch(window.devicePixelRatio){
|
|
case 2:{
|
|
switch(window.innerWidth){
|
|
case 568:{
|
|
//console.log("landscape");
|
|
//console.log("iPhone 5/5s/5c/se");
|
|
|
|
if( window.innerHeight === 320 ){
|
|
//console.log("fullscreen");
|
|
//this.hideIOSFullscreenPanel();
|
|
}else{
|
|
jQuery(".xxx-game-iframe-full").addClass("xxx-game-iframe-iphone-se");
|
|
//console.log("windowed");
|
|
// this.showIOSFullscreenPanel();
|
|
}
|
|
}break;
|
|
case 667:{
|
|
//console.log("landscape");
|
|
//console.log("iPhone 6/6s/7/8");
|
|
|
|
if( window.innerHeight === 375 ){
|
|
// console.log("fullscreen");
|
|
hideIOSFullscreenPanel();
|
|
}else{
|
|
//console.log("windowed");
|
|
showIOSFullscreenPanel();
|
|
}
|
|
}break;
|
|
default:{
|
|
hideIOSFullscreenPanel();
|
|
}
|
|
}
|
|
}break;
|
|
case 3:{
|
|
switch(window.innerWidth){
|
|
case 736:{
|
|
//console.log("landscape");
|
|
//console.log("iPhone 6/6s/7/8 plus");
|
|
|
|
if( window.innerHeight === 414 ){
|
|
// console.log("fullscreen");
|
|
hideIOSFullscreenPanel();
|
|
}else{
|
|
showIOSFullscreenPanel();
|
|
}
|
|
}break;
|
|
// iphone X
|
|
case 724:{
|
|
// console.log("landscape");
|
|
// console.log("iPhone X");
|
|
|
|
if( window.innerHeight === 375 ){
|
|
hideIOSFullscreenPanel();
|
|
}else{
|
|
showIOSFullscreenPanel();
|
|
}
|
|
}break;
|
|
default:{
|
|
hideIOSFullscreenPanel();
|
|
}
|
|
}
|
|
}break;
|
|
default:{
|
|
hideIOSFullscreenPanel();
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
function iosResize(){
|
|
__iosResize();
|
|
|
|
setTimeout(function(){
|
|
__iosResize();
|
|
},500);
|
|
};
|
|
|
|
|
|
|
|
$(document).ready(function () {
|
|
if(platform && platform.product === "iPhone" && platform.name === "Safari"){
|
|
buildIOSFullscreenPanel();
|
|
buildIOSMeta();
|
|
}
|
|
});
|
|
|
|
jQuery(window).resize(function() {
|
|
if(platform && platform.product === "iPhone" && platform.name === "Safari"){
|
|
iosResize();
|
|
}
|
|
}); |