看到一个项目，刚开始还以为是APP，只能用微信打开。仔细看了下原来是个web项目，只是禁用了其他浏览器打开，只能用微信浏览器打开。加上前端页面用了类似mui的模板，就更像APP了。

百度了下，参考 https://blog.csdn.net/qq_27721169/article/details/80512535

特此做个记录

一、HTML限制只能微信浏览器打开

<!DOCTYPE html>
<html>
<head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body>
<scripttype="text/javascript">varua=navigator.userAgent.toLowerCase();varisWeixin=ua.indexOf('micromessenger')!= -1;varisAndroid=ua.indexOf('android')!= -1;varisIos=(ua.indexOf('iphone')!= -1)||(ua.indexOf('ipad')!= -1);if(!isWeixin) {document.head.innerHTML= '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="weua.css">';document.body.innerHTML= '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';}</script>
</body>
</html>

View Code

CSS，冗余部分比较多，实际应用请自行去除冗余部分。

/*!* WeUI v0.4.1 (https://github.com/weui/weui)* Copyright 2016 Tencent, Inc.* Licensed under the MIT license*/html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
}body{line-height:1.6;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}*{margin:0;padding:0;
}a img{border:0;
}a{text-decoration:none;
}@font-face{font-weight:normal;font-style:normal;font-family:"weui";src:url('data:application/octet-stream;base64,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') format('truetype');}[class^="weui_icon_"]:before,
[class*=" weui_icon_"]:before{font-family:"weui";font-style:normal;font-weight:normal;speak:none;display:inline-block;vertical-align:middle;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;/*opacity: .8;*//*For safety - reset parent styles, that can break glyph codes*/font-variant:normal;text-transform:none;/*fix buttons height, for twitter bootstrap*/line-height:1em;/*Animation center compensation - margins should be symmetric*//*remove if not needed*/margin-left:.2em;/*you can be more comfortable with increased icons size*//*font-size: 120%;*//*Uncomment for 3D effect*//*text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/
}.weui_icon_circle:before{content:"\EA01";
}
/*''*/.weui_icon_download:before{content:"\EA02";
}
/*''*/.weui_icon_info:before{content:"\EA03";
}
/*''*/.weui_icon_safe_success:before{content:"\EA04";
}
/*''*/.weui_icon_safe_warn:before{content:"\EA05";
}
/*''*/.weui_icon_success:before{content:"\EA06";
}
/*''*/.weui_icon_success_circle:before{content:"\EA07";
}
/*''*/.weui_icon_success_no_circle:before{content:"\EA08";
}
/*''*/.weui_icon_waiting:before{content:"\EA09";
}
/*''*/.weui_icon_waiting_circle:before{content:"\EA0A";
}
/*''*/.weui_icon_warn:before{content:"\EA0B";
}
/*''*/.weui_icon_info_circle:before{content:"\EA0C";
}
/*''*/.weui_icon_cancel:before{content:"\EA0D";
}
/*''*/.weui_icon_search:before{content:"\EA0E";
}
/*''*/.weui_icon_clear:before{content:"\EA0F";
}
/*''*/[class^="weui_icon_"]:before,
[class*=" weui_icon_"]:before{margin:0;
}.weui_icon_success:before{font-size:23px;color:#09BB07;
}.weui_icon_waiting:before{font-size:23px;color:#10AEFF;
}.weui_icon_warn:before{font-size:23px;color:#F43530;
}.weui_icon_info:before{font-size:23px;color:#10AEFF;
}.weui_icon_info.red:before{font-size:23px;color:#d04967;
}.weui_icon_success_circle:before{font-size:23px;color:#09BB07;
}.weui_icon_success_no_circle:before{font-size:23px;color:#09BB07;
}.weui_icon_waiting_circle:before{font-size:23px;color:#10AEFF;
}.weui_icon_circle:before{font-size:23px;color:#C9C9C9;
}.weui_icon_download:before{font-size:23px;color:#09BB07;
}.weui_icon_info_circle:before{font-size:23px;color:#09BB07;
}.weui_icon_safe_success:before{color:#09BB07;
}.weui_icon_safe_warn:before{color:#FFBE00;
}.weui_icon_cancel:before{color:#F43530;font-size:22px;
}.weui_icon_search:before{color:#B2B2B2;font-size:14px;
}.weui_icon_clear:before{color:#B2B2B2;font-size:14px;
}.weui_icon_msg:before{font-size:104px;
}.weui_icon_msg.red:before{font-size:104px;
}.weui_icon_warn.weui_icon_msg:before{color:#F76260;
}.weui_icon_safe:before{font-size:104px;
}.weui_btn.weui_btn_mini{line-height:1.9;font-size:14px;padding:0 .75em;display:inline-block;
}button.weui_btn,
input.weui_btn{width:100%;border-width:0;outline:0;-webkit-appearance:none;
}button.weui_btn:focus,
input.weui_btn:focus{outline:0;
}button.weui_btn_inline,
input.weui_btn_inline,
button.weui_btn_mini,
input.weui_btn_mini{width:auto;
}
/*gap between btn*/.weui_btn + .weui_btn{margin-top:15px;
}.weui_btn.weui_btn_inline + .weui_btn.weui_btn_inline{margin-top:auto;margin-left:15px;
}.weui_btn_area{margin:1.17647059em 15px 0.3em;
}.weui_btn_area.weui_btn_area_inline{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
}.weui_btn_area.weui_btn_area_inline .weui_btn{margin-top:auto;margin-right:15px;width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
}.weui_btn_area.weui_btn_area_inline .weui_btn:last-child{margin-right:0;
}.weui_btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#FFFFFF;line-height:2.33333333;border-radius:5px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);overflow:hidden;
}.weui_btn:after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid rgba(0, 0, 0, 0.2);-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:0 0;transform-origin:0 0;box-sizing:border-box;border-radius:10px;
}.weui_btn.weui_btn_inline{display:inline-block;
}.weui_btn_default{background-color:#F7F7F7;color:#454545;
}.weui_btn_default:not(.weui_btn_disabled):visited{color:#454545;
}.weui_btn_default:not(.weui_btn_disabled):active{color:#A1A1A1;background-color:#DEDEDE;
}.weui_btn_primary{background-color:#04BE02;
}.weui_btn_primary:not(.weui_btn_disabled):visited{color:#FFFFFF;
}.weui_btn_primary:not(.weui_btn_disabled):active{color:rgba(255, 255, 255, 0.4);background-color:#039702;
}.weui_btn_warn{background-color:#EF4F4F;
}.weui_btn_warn:not(.weui_btn_disabled):visited{color:#FFFFFF;
}.weui_btn_warn:not(.weui_btn_disabled):active{color:rgba(255, 255, 255, 0.4);background-color:#C13E3E;
}.weui_btn_disabled{color:rgba(255, 255, 255, 0.6);
}.weui_btn_disabled.weui_btn_default{color:#C9C9C9;
}.weui_btn_plain_primary{color:#04BE02;border:1px solid #04BE02;
}button.weui_btn_plain_primary,
input.weui_btn_plain_primary{border-width:1px;background-color:transparent;
}.weui_btn_plain_primary:active{border-color:#039702;
}.weui_btn_plain_primary:after{border-width:0;
}.weui_btn_plain_default{color:#5A5A5A;border:1px solid #5A5A5A;
}button.weui_btn_plain_default,
input.weui_btn_plain_default{border-width:1px;background-color:transparent;
}.weui_btn_plain_default:after{border-width:0;
}.weui_cell{position:relative;
}.weui_cell:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);left:15px;
}.weui_cell:first-child:before{display:none;
}.weui_cells{margin-top:1.17647059em;background-color:#FFFFFF;line-height:1.41176471;font-size:17px;overflow:hidden;position:relative;
}.weui_cells:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_cells:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_cells_title{margin-top:.77em;margin-bottom:.3em;padding-left:15px;padding-right:15px;color:#888;font-size:14px;
}.weui_cells_title + .weui_cells{margin-top:0;
}.weui_cells_tips{margin-top:.3em;color:#888;padding-left:15px;padding-right:15px;font-size:14px;
}.weui_cell{padding:10px 15px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}.weui_cell_ft{text-align:right;color:#888;
}.weui_cell_primary{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
}.weui_cells_access .weui_cell:not(.no_access){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}.weui_cells_access .weui_cell:not(.no_access):active{background-color:#ECECEC;
}.weui_cells_access a.weui_cell{color:inherit;
}.weui_cells_access .weui_cell_ft:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;position:relative;top:-2px;top:-1px;margin-left:.3em;
}.weui_check_label{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}.weui_check{position:absolute;left:-9999em;
}.weui_cells_radio .weui_cell_ft{padding-left:0.35em;
}.weui_cells_radio .weui_cell:active{background-color:#ECECEC;
}.weui_cells_radio .weui_check:checked + .weui_icon_checked:before{display:block;content:'\EA08';color:#09BB07;font-size:16px;
}.weui_cells_checkbox .weui_cell_hd{padding-right:0.35em;
}.weui_cells_checkbox .weui_cell:active{background-color:#ECECEC;
}.weui_cells_checkbox .weui_icon_checked:before{content:'\EA01';color:#C9C9C9;font-size:23px;display:block;
}.weui_cells_checkbox .weui_check:checked + .weui_icon_checked:before{content:'\EA06';color:#09BB07;
}.weui_label{display:block;width:3em;
}.weui_input{width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-size:inherit;color:inherit;height:1.41176471em;line-height:1.41176471;
}.weui_input::-webkit-outer-spin-button,
.weui_input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;
}.weui_textarea{display:block;border:0;resize:none;width:100%;color:inherit;font-size:1em;line-height:inherit;outline:0;
}.weui_textarea_counter{color:#B2B2B2;text-align:right;
}.weui_cell_warn .weui_textarea_counter{color:#E64340;
}.weui_toptips{display:none;position:fixed;-webkit-transform:translateZ(0);width:100%;top:0;line-height:2.3;font-size:14px;text-align:center;color:#FFF;z-index:2;
}.weui_toptips.weui_warn{background-color:#E64340;
}.weui_cells_form .weui_cell_warn{color:#E64340;
}.weui_cells_form .weui_cell_warn .weui_icon_warn{display:inline-block;
}.weui_cells_form .weui_cell_hd{padding-right:.3em;
}.weui_cells_form .weui_cell_ft{font-size:0;
}.weui_cells_form .weui_icon_warn{display:none;
}.weui_cells_form input,
.weui_cells_form textarea,
.weui_cells_form label[for]{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}.weui_cell_select{padding:0;
}.weui_cell_select .weui_select{padding-right:30px;
}.weui_cell_select .weui_cell_bd:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-3px;
}.weui_select{-webkit-appearance:none;border:0;outline:0;background-color:transparent;width:100%;font-size:inherit;height:44px;position:relative;z-index:1;padding-left:15px;
}.weui_select_before{padding-right:15px;
}.weui_select_before .weui_select{width:auto;
}.weui_select_before .weui_cell_hd{position:relative;
}.weui_select_before .weui_cell_hd:after{content:" ";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);
}.weui_select_before .weui_cell_hd:before{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-3px;
}.weui_select_before .weui_cell_bd{padding-left:15px;
}.weui_select_before .weui_cell_bd:after{display:none;
}.weui_select_after{padding-left:15px;
}.weui_vcode{padding-top:0;padding-right:0;padding-bottom:0;
}.weui_vcode .weui_cell_ft img{margin-left:5px;height:44px;vertical-align:middle;
}.weui_cell_switch{padding-top:6px;padding-bottom:6px;
}.weui_switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:52px;height:32px;border:1px solid #DFDFDF;outline:0;border-radius:16px;box-sizing:border-box;background:#DFDFDF;
}.weui_switch:before{content:" ";position:absolute;top:0;left:0;width:50px;height:30px;border-radius:15px;background-color:#FDFDFD;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;
}.weui_switch:after{content:" ";position:absolute;top:0;left:0;width:30px;height:30px;border-radius:15px;background-color:#FFFFFF;box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;
}.weui_switch:checked{border-color:#04BE02;background-color:#04BE02;
}.weui_switch:checked:before{-webkit-transform:scale(0);transform:scale(0);
}.weui_switch:checked:after{-webkit-transform:translateX(20px);transform:translateX(20px);
}.weui_uploader_hd{padding-top:0;padding-right:0;padding-left:0;
}.weui_uploader_hd .weui_cell_ft{font-size:1em;
}.weui_uploader_bd{margin-bottom:-4px;margin-right:-9px;overflow:hidden;
}.weui_uploader_files{list-style:none;
}.weui_uploader_file{float:left;margin-right:9px;margin-bottom:9px;width:79px;height:79px;background:no-repeat center center;background-size:cover;
}.weui_uploader_status{position:relative;
}.weui_uploader_status:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5);
}.weui_uploader_status .weui_uploader_status_content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FFFFFF;
}.weui_uploader_status .weui_icon_warn{display:block;
}.weui_uploader_input_wrp{float:left;position:relative;margin-right:9px;margin-bottom:9px;width:77px;height:77px;border:1px solid #D9D9D9;
}.weui_uploader_input_wrp:before,
.weui_uploader_input_wrp:after{content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#D9D9D9;
}.weui_uploader_input_wrp:before{width:2px;height:39.5px;
}.weui_uploader_input_wrp:after{width:39.5px;height:2px;
}.weui_uploader_input_wrp:active{border-color:#999999;
}.weui_uploader_input_wrp:active:before,
.weui_uploader_input_wrp:active:after{background-color:#999999;
}.weui_uploader_input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}.weui_msg{padding-top:36px;text-align:center;
}.weui_msg .weui_icon_area{margin-bottom:30px;
}.weui_msg .weui_text_area{margin-bottom:25px;padding:0 20px;
}.weui_msg .weui_msg_title{margin-bottom:5px;font-weight:400;font-size:20px;
}.weui_msg .weui_msg_desc{font-size:14px;color:#888;
}.weui_msg .weui_opr_area{margin-bottom:25px;
}.weui_msg .weui_extra_area{margin-bottom:15px;font-size:14px;color:#888;
}.weui_msg .weui_extra_area a{color:#61749B;
}@media screen and (min-height: 438px){.weui_extra_area {position:fixed;left:0;bottom:0;width:100%;text-align:center;}}
.weui_article{padding:20px 15px;font-size:15px;
}.weui_article section{margin-bottom:1.5em;
}.weui_article h1{font-size:17px;font-weight:400;margin-bottom:.75em;
}.weui_article h2{font-size:16px;font-weight:400;margin-bottom:.3em;
}.weui_article h3{font-weight:400;font-size:15px;
}.weui_tabbar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0;width:100%;background-color:#f7f7fa;
}.weui_tabbar:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #979797;color:#979797;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_tabbar_item{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:7px 0 0;-webkit-tap-highlight-color:transparent;
}.weui_tabbar_item.weui_bar_item_on .weui_tabbar_label{color:#09BB07;
}.weui_tabbar_icon{margin:0 auto;width:24px;height:24px;
}.weui_tabbar_icon img{display:block;width:100%;height:100%;
}.weui_tabbar_icon + .weui_tabbar_label{margin-top:5px;
}.weui_tabbar_label{text-align:center;color:#888;font-size:12px;
}.weui_navbar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;z-index:1;top:0;width:100%;background-color:#fafafa;
}.weui_navbar:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #BCBAB6;color:#BCBAB6;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_navbar + .weui_tab_bd{padding-top:50px;padding-bottom:0;
}.weui_navbar_item{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:13px 0;text-align:center;font-size:15px;-webkit-tap-highlight-color:transparent;
}.weui_navbar_item:active{background-color:#ededed;
}.weui_navbar_item.weui_bar_item_on{background-color:#eaeaea;
}.weui_navbar_item:after{content:" ";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #cccccc;color:#cccccc;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);
}.weui_navbar_item:last-child:after{display:none;
}.weui_tab{position:relative;height:100%;
}.weui_tab_bd{box-sizing:border-box;height:100%;padding-bottom:55px;overflow:auto;-webkit-overflow-scrolling:touch;
}.weui_tab_bd_item{display:none;
}.weui_progress{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}.weui_progress_bar{background-color:#EBEBEB;height:3px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
}.weui_progress_inner_bar{width:0;height:100%;background-color:#09BB07;
}.weui_progress_opr{display:block;margin-left:15px;font-size:0;
}.weui_panel{background-color:#FFFFFF;margin-top:10px;position:relative;overflow:hidden;
}.weui_panel:first-child{margin-top:0;
}.weui_panel:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_panel:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_panel_hd{padding:14px 15px 10px;color:#999999;font-size:13px;position:relative;
}.weui_panel_hd:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);left:15px;
}.weui_panel_ft{padding:10px 15px 12px;color:#999999;font-size:14px;position:relative;
}.weui_panel_ft:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);left:15px;
}.weui_panel_access .weui_panel_ft{display:block;color:#586C94;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}.weui_panel_access .weui_panel_ft:active{background-color:#ECECEC;
}.weui_panel_access .weui_panel_ft:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C7C7CC;border-style:solid;position:relative;top:-2px;position:absolute;right:15px;top:50%;margin-top:-4px;
}.weui_media_box{padding:15px;position:relative;
}.weui_media_box:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);left:15px;
}.weui_media_box:first-child:before{display:none;
}a.weui_media_box{color:#000000;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}a.weui_media_box:active{background-color:#ECECEC;
}.weui_media_box .weui_media_title{font-weight:400;font-size:17px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-wrap:break-word;word-break:break-all;
}.weui_media_box .weui_media_desc{color:#999999;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}.weui_media_box.weui_media_text .weui_media_title{margin-bottom:8px;
}.weui_media_box.weui_media_text .weui_media_info{margin-top:15px;padding-bottom:5px;font-size:13px;color:#CECECE;line-height:1em;list-style:none;overflow:hidden;
}.weui_media_box.weui_media_text .weui_media_info_meta{float:left;padding-right:1em;
}.weui_media_box.weui_media_text .weui_media_info_meta.weui_media_info_meta_extra{padding-left:1em;border-left:1px solid #CECECE;
}.weui_media_box.weui_media_appmsg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}.weui_media_box.weui_media_appmsg .weui_media_hd{margin-right:.8em;width:60px;height:60px;line-height:60px;text-align:center;
}.weui_media_box.weui_media_appmsg .weui_media_appmsg_thumb{width:100%;max-height:100%;vertical-align:middle;
}.weui_media_box.weui_media_appmsg .weui_media_bd{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;
}.weui_media_box.weui_media_small_appmsg{padding:0;
}.weui_media_box.weui_media_small_appmsg .weui_cells{margin-top:0;
}.weui_media_box.weui_media_small_appmsg .weui_cells:before{display:none;
}.weui_grids{position:relative;overflow:hidden;
}.weui_grids:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_grids:after{content:" ";position:absolute;left:0;top:0;width:1px;height:100%;border-left:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);
}.weui_grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box;
}.weui_grid:before{content:" ";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);
}.weui_grid:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_grid:active{background-color:#E4E4E4;
}.weui_grid_icon{width:28px;height:28px;margin:0 auto;
}.weui_grid_icon img{display:block;width:100%;height:100%;
}.weui_grid_icon + .weui_grid_label{margin-top:5px;
}.weui_grid_label{display:block;text-align:center;color:#000;font-size:14px;
}.weui_dialog{position:fixed;z-index:13;width:85%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#FAFAFC;text-align:center;border-radius:3px;
}.weui_dialog_confirm .weui_dialog .weui_dialog_hd{padding:1.2em 20px .5em;
}.weui_dialog_confirm .weui_dialog .weui_dialog_bd{text-align:left;
}.weui_dialog_hd{padding:1.2em 0 .5em;
}.weui_dialog_title{font-weight:400;font-size:17px;
}.weui_dialog_bd{padding:0 20px;font-size:15px;color:#888;word-wrap:break-word;word-break:break-all;
}.weui_dialog_ft{position:relative;line-height:42px;margin-top:20px;font-size:17px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
}.weui_dialog_ft a{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}.weui_dialog_ft a:active{background-color:#EEEEEE;
}.weui_dialog_ft:after{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_dialog_confirm .weui_dialog_ft a{position:relative;
}.weui_dialog_confirm .weui_dialog_ft a:after{content:" ";position:absolute;left:0;top:0;width:1px;height:100%;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);
}.weui_dialog_confirm .weui_dialog_ft a:first-child:after{display:none;
}.weui_btn_dialog.default{color:#353535;
}.weui_btn_dialog.primary{color:#0BB20C;
}@media screen and (min-width: 1024px){.weui_dialog {width:35%;}}
.weui_toast{position:fixed;z-index:3;width:7.6em;min-height:7.6em;top:180px;left:50%;margin-left:-3.8em;background:rgba(40, 40, 40, 0.75);text-align:center;border-radius:5px;color:#FFFFFF;
}.weui_icon_toast{margin:22px 0 0;display:block;
}.weui_icon_toast:before{content:'\EA08';color:#FFFFFF;font-size:55px;
}.weui_toast_content{margin:0 0 15px;
}.weui_loading_toast .weui_toast_content{margin-top:64%;font-size:14px;
}.weui_loading{position:absolute;width:0px;z-index:2000000000;left:50%;top:38%;
}.weui_loading_leaf{position:absolute;top:-1px;opacity:0.25;
}.weui_loading_leaf:before{content:" ";position:absolute;width:8.14px;height:3.08px;background:#d1d1d5;box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 1px;border-radius:1px;-webkit-transform-origin:left 50% 0px;transform-origin:left 50% 0px;
}.weui_loading_leaf_0{-webkit-animation:opacity-60-25-0-12 1.25s linear infinite;animation:opacity-60-25-0-12 1.25s linear infinite;
}.weui_loading_leaf_0:before{-webkit-transform:rotate(0deg) translate(7.92px, 0px);transform:rotate(0deg) translate(7.92px, 0px);
}.weui_loading_leaf_1{-webkit-animation:opacity-60-25-1-12 1.25s linear infinite;animation:opacity-60-25-1-12 1.25s linear infinite;
}.weui_loading_leaf_1:before{-webkit-transform:rotate(30deg) translate(7.92px, 0px);transform:rotate(30deg) translate(7.92px, 0px);
}.weui_loading_leaf_2{-webkit-animation:opacity-60-25-2-12 1.25s linear infinite;animation:opacity-60-25-2-12 1.25s linear infinite;
}.weui_loading_leaf_2:before{-webkit-transform:rotate(60deg) translate(7.92px, 0px);transform:rotate(60deg) translate(7.92px, 0px);
}.weui_loading_leaf_3{-webkit-animation:opacity-60-25-3-12 1.25s linear infinite;animation:opacity-60-25-3-12 1.25s linear infinite;
}.weui_loading_leaf_3:before{-webkit-transform:rotate(90deg) translate(7.92px, 0px);transform:rotate(90deg) translate(7.92px, 0px);
}.weui_loading_leaf_4{-webkit-animation:opacity-60-25-4-12 1.25s linear infinite;animation:opacity-60-25-4-12 1.25s linear infinite;
}.weui_loading_leaf_4:before{-webkit-transform:rotate(120deg) translate(7.92px, 0px);transform:rotate(120deg) translate(7.92px, 0px);
}.weui_loading_leaf_5{-webkit-animation:opacity-60-25-5-12 1.25s linear infinite;animation:opacity-60-25-5-12 1.25s linear infinite;
}.weui_loading_leaf_5:before{-webkit-transform:rotate(150deg) translate(7.92px, 0px);transform:rotate(150deg) translate(7.92px, 0px);
}.weui_loading_leaf_6{-webkit-animation:opacity-60-25-6-12 1.25s linear infinite;animation:opacity-60-25-6-12 1.25s linear infinite;
}.weui_loading_leaf_6:before{-webkit-transform:rotate(180deg) translate(7.92px, 0px);transform:rotate(180deg) translate(7.92px, 0px);
}.weui_loading_leaf_7{-webkit-animation:opacity-60-25-7-12 1.25s linear infinite;animation:opacity-60-25-7-12 1.25s linear infinite;
}.weui_loading_leaf_7:before{-webkit-transform:rotate(210deg) translate(7.92px, 0px);transform:rotate(210deg) translate(7.92px, 0px);
}.weui_loading_leaf_8{-webkit-animation:opacity-60-25-8-12 1.25s linear infinite;animation:opacity-60-25-8-12 1.25s linear infinite;
}.weui_loading_leaf_8:before{-webkit-transform:rotate(240deg) translate(7.92px, 0px);transform:rotate(240deg) translate(7.92px, 0px);
}.weui_loading_leaf_9{-webkit-animation:opacity-60-25-9-12 1.25s linear infinite;animation:opacity-60-25-9-12 1.25s linear infinite;
}.weui_loading_leaf_9:before{-webkit-transform:rotate(270deg) translate(7.92px, 0px);transform:rotate(270deg) translate(7.92px, 0px);
}.weui_loading_leaf_10{-webkit-animation:opacity-60-25-10-12 1.25s linear infinite;animation:opacity-60-25-10-12 1.25s linear infinite;
}.weui_loading_leaf_10:before{-webkit-transform:rotate(300deg) translate(7.92px, 0px);transform:rotate(300deg) translate(7.92px, 0px);
}.weui_loading_leaf_11{-webkit-animation:opacity-60-25-11-12 1.25s linear infinite;animation:opacity-60-25-11-12 1.25s linear infinite;
}.weui_loading_leaf_11:before{-webkit-transform:rotate(330deg) translate(7.92px, 0px);transform:rotate(330deg) translate(7.92px, 0px);
}@-webkit-keyframes opacity-60-25-0-12{0% {opacity:0.25;}0.01%{opacity:0.25;}0.02%{opacity:1;}60.01%{opacity:0.25;}100%{opacity:0.25;}}
@-webkit-keyframes opacity-60-25-1-12{0% {opacity:0.25;}8.34333%{opacity:0.25;}8.35333%{opacity:1;}68.3433%{opacity:0.25;}100%{opacity:0.25;}}
@-webkit-keyframes opacity-60-25-2-12{0% {opacity:0.25;}16.6767%{opacity:0.25;}16.6867%{opacity:1;}76.6767%{opacity:0.25;}100%{opacity:0.25;}}
@-webkit-keyframes opacity-60-25-3-12{0% {opacity:0.25;}25.01%{opacity:0.25;}25.02%{opacity:1;}85.01%{opacity:0.25;}100%{opacity:0.25;}}
@-webkit-keyframes opacity-60-25-4-12{0% {opacity:0.25;}33.3433%{opacity:0.25;}33.3533%{opacity:1;}93.3433%{opacity:0.25;}100%{opacity:0.25;}}
@-webkit-keyframes opacity-60-25-5-12{0% {opacity:0.270958333333333;}41.6767%{opacity:0.25;}41.6867%{opacity:1;}1.67667%{opacity:0.25;}100%{opacity:0.270958333333333;}}
@-webkit-keyframes opacity-60-25-6-12{0% {opacity:0.375125;}50.01%{opacity:0.25;}50.02%{opacity:1;}10.01%{opacity:0.25;}100%{opacity:0.375125;}}
@-webkit-keyframes opacity-60-25-7-12{0% {opacity:0.479291666666667;}58.3433%{opacity:0.25;}58.3533%{opacity:1;}18.3433%{opacity:0.25;}100%{opacity:0.479291666666667;}}
@-webkit-keyframes opacity-60-25-8-12{0% {opacity:0.583458333333333;}66.6767%{opacity:0.25;}66.6867%{opacity:1;}26.6767%{opacity:0.25;}100%{opacity:0.583458333333333;}}
@-webkit-keyframes opacity-60-25-9-12{0% {opacity:0.687625;}75.01%{opacity:0.25;}75.02%{opacity:1;}35.01%{opacity:0.25;}100%{opacity:0.687625;}}
@-webkit-keyframes opacity-60-25-10-12{0% {opacity:0.791791666666667;}83.3433%{opacity:0.25;}83.3533%{opacity:1;}43.3433%{opacity:0.25;}100%{opacity:0.791791666666667;}}
@-webkit-keyframes opacity-60-25-11-12{0% {opacity:0.895958333333333;}91.6767%{opacity:0.25;}91.6867%{opacity:1;}51.6767%{opacity:0.25;}100%{opacity:0.895958333333333;}}
.weui_mask{position:fixed;z-index:1;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.6);
}.weui_mask_transparent{position:fixed;z-index:1;width:100%;height:100%;top:0;left:0;
}.weui_mask_transition{display:none;position:fixed;z-index:1;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0);-webkit-transition:background .3s;transition:background .3s;
}.weui_fade_toggle{background:rgba(0, 0, 0, 0.6);
}.weui_actionsheet{position:fixed;left:0;bottom:0;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;width:100%;background-color:#EFEFF4;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;
}.weui_actionsheet_menu{background-color:#FFFFFF;
}.weui_actionsheet_action{margin-top:6px;background-color:#FFFFFF;
}.weui_actionsheet_cell{position:relative;padding:10px 0;text-align:center;font-size:18px;
}.weui_actionsheet_cell:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_actionsheet_cell:active{background-color:#ECECEC;
}.weui_actionsheet_cell:first-child:before{display:none;
}.weui_actionsheet_toggle{-webkit-transform:translate(0, 0);transform:translate(0, 0);
}.weui_search_bar{position:relative;padding:8px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;background-color:#EFEFF4;z-index:2;
}.weui_search_bar:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #C7C7C7;color:#C7C7C7;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_search_bar:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #C7C7C7;color:#C7C7C7;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);
}.weui_search_bar.weui_search_focusing .weui_search_cancel{display:block;
}.weui_search_bar.weui_search_focusing .weui_search_text{display:none;
}.weui_search_outer{position:relative;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;background-color:#EFEFF4;
}.weui_search_outer:after{content:'';position:absolute;left:0;top:0;width:200%;height:200%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:10px;border:1px solid #E6E6EA;box-sizing:border-box;background:#FFFFFF;
}.weui_search_inner{position:relative;padding-left:30px;padding-right:30px;height:100%;width:100%;box-sizing:border-box;z-index:1;
}.weui_search_inner .weui_search_input{padding:4px 0;width:100%;height:1.42857143em;border:0;font-size:14px;line-height:1.42857143em;box-sizing:content-box;background:transparent;
}.weui_search_inner .weui_search_input:focus{outline:none;
}.weui_search_inner .weui_icon_search{position:absolute;left:10px;top:-2px;line-height:28px;
}.weui_search_inner .weui_icon_clear{position:absolute;top:-2px;right:0;padding:0 10px;line-height:28px;
}.weui_search_text{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:3px;text-align:center;color:#9B9B9B;background:#FFFFFF;
}.weui_search_text span{display:inline-block;font-size:14px;vertical-align:middle;
}.weui_search_text .weui_icon_search{margin-right:5px;
}.weui_search_cancel{display:none;margin-left:10px;line-height:28px;color:#09BB07;
}.weui_search_input:not(:valid) ~ .weui_icon_clear{display:none;
}input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none;
}

View Code

二、禁止分享和浏览器打开等选项禁用

var ua = navigator.userAgent.toLowerCase();  var isWeixin = ua.indexOf('micromessenger') != -1; if (!isWeixin) {  var opened = window.open('wxError.html', '_self');}$(function(){/*禁用微信分享功能 */  function onBridgeReady() {  WeixinJSBridge.call('hideOptionMenu');  }  if (typeof WeixinJSBridge == "undefined") {  if (document.addEventListener) {  document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);  } else if (document.attachEvent) {  document.attachEvent('WeixinJSBridgeReady', onBridgeReady);  document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);  }  } else {  onBridgeReady();  }  if (isWeixin) {  window.alert = function(name){  var iframe = document.createElement("IFRAME");  iframe.style.display="none";  iframe.setAttribute("src", 'data:text/plain,');  document.documentElement.appendChild(iframe);  window.frames[0].window.alert(name);  iframe.parentNode.removeChild(iframe);  }  }});

View Code

转载于:https://www.cnblogs.com/zeussbook/p/10676104.html

HTML页面只能使用微信浏览器打开相关推荐

  1. h5页面提示只能在微信浏览器中打开_h5移动端开发 判断只能在微信浏览器打开...

    在开发的过程中可能会遇到项目只能在微信浏览器打开的需求,那么只需要在项目的页面添加以下代码即可(单页面应用在入口文件添加即可). var ua = navigator.userAgent.toLowe ...

  2. Vue限制页面只能在微信浏览器中打开

    最近正在做一个微信服务号的项目,忽然接到需求,让这个页面只能在微信中访问,其他地方不可以.做出的效果是这样的 实现方式:在index.heml中加入script判断 <!DOCTYPE html ...

  3. 限制网页只能在微信浏览器打开

    效果:判断网页是否是在微信浏览器打开: $(function(){//判断页面是否是在微信浏览器打开//对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器var userag ...

  4. 限制页面只能在微信内打开

    我的是Vue3项目,html文件只有一个index.html,所有的页面将渲染到这个html当中,也就是说只要在index.html中加入判断,如果用户访问页面不是使用微信客户端,而是其它浏览器,就跳 ...

  5. 让页面只能在微信浏览器里访问

    String userAgent;userAgent = Request.UserAgent;if (userAgent.IndexOf("MicroMessenger") > ...

  6. 只能在微信浏览器打开的链接，如何查看源码

    表示哭晕在厕所,折腾了整整一下午,由于最近接了一个任务,要做一个类似结构的公众号,想看一眼那个链接的网页源码,然而-- 如图,真***的,这可怎么破?js上进行验证了,废话少说,如下进入正题-- 查了 ...

  7. JS判断页面是否在微信浏览器、QQ浏览器等打开的方法

    本文实例讲述了js判断当前页面是否在微信浏览器打开的方法.分享给大家供大家参考,具体如下: 转自http://blog.csdn.net/jason_wangying/article/details/ ...

  8. php设置只能在微信打开,PHP如何限制页面只能在微信自带浏览器访问？

    限制程序只能在微信里面浏览,下面是PHP限制页面只能在微信自带浏览器访问的代码. 为了防止自己辛辛苦苦做的webapp被人copy,都想限制程序只能在微信里面浏览,虽然下面实现了这个功能,单都是小菜, ...

  9. php 206实现微信浏览器,PHP实现限制页面只能在微信自带浏览器访问的代码

    PHP实现限制页面只能在微信自带浏览器访问的代码 发布于 2015-02-15 11:58:02 | 142 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hype ...

最新文章

  1. 上传漏洞新姿势（限Linux）
  2. Python函数篇（5）-装饰器及实例讲解
  3. php redis mset,MSET命令_视频讲解_用法示例-redis编程词典-php中文网
  4. python数码时钟代码_python实现简易数码时钟
  5. mysql 文本备份_[MySQL]用mysqldump制作文本备份_MySQL
  6. python的设计哲学_Python的设计哲学
  7. 女孩必读:打死不能嫁的36种男人
  8. 【python】编程语言入门经典100例--11
  9. android定义多个上下文菜单,Android编程实现为ListView创建上下文菜单(ContextMenu)的方法...
  10. 设计模式面试题（总结最全面的面试题！！！）
  11. 浅谈权限设计（从接口权限到数据权限）
  12. 如何快捷地下载知乎中的视频
  13. django静态页面
  14. 较好游戏型计算机配置单,i3-6100配什么显卡比较好？4000元i3-6100独显均衡游戏电脑配置推荐...
  15. Perfectly Secret Encryption
  16. 电源完整性之DC-DC
  17. finclip设计指南与小程序设计指南
  18. Adobe软件老是出现要求输入密码的弹窗怎么解决？
  19. 参加这些国际学术会议：还怕发不了SCI论文？
  20. 一种专家数据库的开发与实现 (转)

热门文章

  1. laydate 周_第37周动画数据周报 |书灵记1st Kiss火热上线
  2. 客户案例 | 初窥元宇宙，Oasis让更多人找到第二人生
  3. 怎样在百度UMeditor编辑器中插入腾讯和爱奇艺网站视频？
  4. 微软OneDrive云盘5T大容量免费申请
  5. [置顶]定向爬虫 - Python模拟新浪微博登录
  6. 为何延时函数不起作用？
  7. 最适合python程序员用的笔记本-JupyterLab:程序员的笔记本
  8. 某课的flask视频 速取
  9. 《数据库原理与应用》实验一
  10. 关于“C2248 QString::QString 无法访问private成员的问题”