微信浏览器引导浏览器打开

样式css：

.open-in-browser{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:top right;background-size:contain;z-index:9999;display:none;}
.open-in-browser.in{display:block;}
.open-in-browser.android{background-image:url('images/giftpacks-android-open-in.png'}
.open-in-browser.ios{background-image:url('images/giftpacks-ios-open-in.png'}

（position:fixed;/position:absolute; 页面过长出现滚动条必须用position:fixed;防止随着滚动条的滚动而滚动）

使用：

<div class="open-in-browser"></div>

jq：

(/iPhone|iPad|iPod|Macintosh/i.test(navigator.userAgent))?$(".open-in-browser").addClass("ios in"):$(".open-in-browser").addClass("android in");

$(document).on("click",".open-in-browser",function(){
$(this).removeClass("in");
})；