网页设置只能在手机微信客户端访问，禁止在电脑端访问包括微信电脑版

85307360 2019-11-05

 <script type="text/javascript">

     function checkFlag(){
         var userType=navigator.userAgent;
         var Agents=["Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"];
     var flag=false;
     for(var i=0;i<Agents.length;i++){
         if(userType.indexOf(Agents[i])>0){
             flag=true;
             break;
         }
     }
     return flag;
     }
    init();
    function init(){
    var  flag=checkFlag();
    if(flag){
        var ua = navigator.userAgent.toLowerCase();
                 var isWeixin = ua.indexOf(‘micromessenger‘) != -1;
                 var isAndroid = ua.indexOf(‘android‘) != -1;
                 var isIos = (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="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.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>‘;
    }else{
          window.location.href ="xxxx.html";
    }
    }else{

        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="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.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>

: 85307360

相关推荐

微信小程序使用weui扩展组件踩坑

最近在做微信小程序，引入weui的时候踩坑了好久，这里记录一下遇到的问题。通过useExtendedLib 扩展库的方式引入，这种方式引入的组件将不会计入代码包大小。第一步进入你的小程序根目录下初始化npm 这步的意思是让当前文件夹以node_modul

Haines 0喜欢 / 0评论 2020-06-16

移动Web UI库列表

Framework7 - is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android na

小猪猪 0喜欢 / 0评论 2020-02-08

WeUI下载地址

下载完成后会得到一些demo 打开index浏览WeUI可实现的样式，根据路径找到具体文件，将js，css复制到项目文件夹中，复制所需代码进行使用。

小猪猪 0喜欢 / 0评论 2019-12-30

微信小程序开发（二）——使用WeUI组件库

因为小程序的api描述都比较简单，并没有wxml及wxss的描述，一定会想小程序有没有一个UI库，类似于前端中的Bootstrap，MD，Semantic UI这样的框架UI库。WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内

yearHeaven 0喜欢 / 0评论 2019-11-11

微信小程序中weui使用方法

5、在使用的地方，直接使用就行；代码可在引入的文件中直接复制；

Tyoocsdn 0喜欢 / 0评论 2019-10-20

WeUI框架

WeUI是一套小程序的UI框架，所谓UI框架就是一套界面设计方案，有了组件，我们可以用它来拼接出一个内容丰富的小程序，而有了UI框架，我们就可以让我们的小程序变得更加美观。WeUI是微信官方设计团队的一套同微信原生视觉体验一致的基础样式库，在手机微信里搜索

Haines 0喜欢 / 0评论 2019-10-23

目前流行前端几大UI框架

在前端项目开发过程中，总是会引入一些UI框架，已为方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近经常使用并且很流行的UI框架。Mint UI是饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足

oraulvo 0喜欢 / 0评论 2019-09-20

WeUI

在线演示地址：https://weui.io/

洪海洋 0喜欢 / 0评论 2018-03-01

微信小程序动态添加view组件的实例代码

在web中，我们动态添加DOM，可以用jQuery的方法，很简单。在微信小程序中怎么实现下面这么需求。其中，里程数代表上一行到这一行地方的距离；要实现的就是点击增加途径地，就多一行，删除途径地，就少一行。placeholder="请输入出发地&q

小猪猪 0喜欢 / 0评论 2019-05-23

小程序实现搜索界面小程序实现推荐搜索列表效果

<input type="text" class="weui-search-bar__input" placeholder="搜索" maxlength='10' value="{

Tyoocsdn 0喜欢 / 0评论 2019-05-18

mp-vue搭建博客小程序(二)

本项目的功能可以查看所有发布的文章，并且可以看到文章的所属标签和发布时间可以按标签分类查看文章可以对文章进行评论对文章的点击量进行统计，可以查看热门文章查看文章详细要能支持markdown语法实现过程引进weui,下载weui的css的文件，把下载的weu

小猪猪 0喜欢 / 0评论 2019-06-29

一篇关于BEM命名规范

一直以来自己对命名都是比较混乱的，并没有一个比较好的格式来命名，最近自己碰巧学习到了BEM命名规范，我想谈谈自己的理解以供自己来学习，同时也可以和各位大佬一起学习。BEM是一个很有用的方法可以创建复用组件和前端代码有三个特性.灵活性，使用BEM后，方法

flybamboo 0喜欢 / 0评论 2019-06-29

JS 仅允许微信客户端打开该页面

<!DOCTYPE html>. var isWeixin = ua.indexOf('micromessenger') != -1;var isAndroid = ua.indexOf('android') != -1;var isIos =

Tyoocsdn 0喜欢 / 0评论 2018-01-22

移动端前端UI库—Frozen UI、WeUI、SUI Mobile

Frozen UI自述：简单易用，轻量快捷，为移动端服务的前端框架。自述：轻量、小巧、精美的UI库，方便迅速搭建手机H5应用，也非常适合开发跨平台Web App。基于Framework7进行开发，并参考Ratchet、Fastclick开源库。

hcl 0喜欢 / 0评论 2016-04-04

WEB UI 框架（转）

自述：轻量、小巧、精美的UI库，方便迅速搭建手机H5应用，也非常适合开发跨平台Web App。基于Framework7进行开发，并参考Ratchet、Fastclick开源库。

Haines 0喜欢 / 0评论 2015-12-18

微信公众号开发Django-图片处理

上篇文章已经获取了wx的接口权限本来想直接使用wx的图像接口,但是后来发现处理js动作有点小麻烦还有些莫名的错误,就选择了好用的weui.js挺好用~return HttpResponse然后来到前端，下面是简单的实现就是weui.js文档和演示html的

zonehh 0喜欢 / 0评论 2019-06-27

小程序地图组件的使用

需求点击不同的地方，跳转到地图上该地方的位置在目标位置上有显示目标位置的小图标右下角有个回到当前位置的控件，点击后返回到当前位置将文本输入到地图页面底部。<view class="weui-loadmore__tips weui-loadm

85307360 0喜欢 / 0评论 2019-06-27

ngx-weui 发布 3.0 版本

weui 微信UI好像一直都不受很多人待见的样子，Github 已经长期未得到更新，或许 weui 团队认为已经没有必要再做一些新组件的支持，或者其他的改进。但是对于我们这类依赖微信较重企业而言，经常需要一些临时业务情况下，weui 是我们非常好的选择。此

flybamboo 0喜欢 / 0评论 2019-06-27

node实现socket链接与GPRS进行通信的方法

服务器与电机本地控制器（客户端）采用 TCP 协议连接，客户端发送心跳包给服务器保持长连接，客户端每次收到服务器下发的代码指令后作出回复主要的实现原理是前端访问后台的接口传输数据。但是在开发中出现一下比较棘手问题，下面进行一一归纳。

guoyuexuan 0喜欢 / 0评论 2019-05-20

WeUI基础样式库——写一个移动端界面

WeUI是一套基础样式库，同微信原生视觉体验一致，由微信官方设计团队为微信内网页和微信小程序量身设计的。密密麻麻地看起来简直要急死密集恐惧症啊。仔细看我们能看到，这个样式库为很多类写了样式。】对WeUI的介绍就到这了，下面都是满满的干货啦。开始写页面前的准

小猪猪 0喜欢 / 0评论 2019-06-26

vue下使用 mint-ui，修改主题样式为微信UI的绿色风格

综合比较了一些前端的UI，最后还是决定用mint-ui，但是默认的风格是蓝色，我要改成微UI的绿色。其实也就主要修改颜色#26a2ff改为#1aad19。import './styles/weui.scss'; //核心，多了这一行用上边的样式覆盖默认的p

洪海洋 0喜欢 / 0评论 2019-06-25

使用vue开发微信公众号下SPA站点的填坑之旅

本文为我创业过程中，开发项目的填坑之旅。作为一个技术宅男，我的项目是做一个微信公众号，前后端全部自己搞定，不浪费国家一分钱^_^。我决定实现如下功能架构上，实现前后端分离。方便以后前后端的分工考虑到体验，前端做成SPA站点，也就是单页面应用需要使用微信的J

moldy0 0喜欢 / 0评论 2019-06-21

weui-wxss 微信小程序中使用 weui

1、下载weui. 或者

Donutsapps 0喜欢 / 0评论 2019-06-21

VUWE——又一个移动端Vue2组件库

介绍VUWE是一款基于微信WeUI所开发的，专用于Vue2的组件库。它与WeUI完全解耦。用户通过自定义WeUI的样式文件，可以方便地对VUWE实现定制化。npm install vuwe --save加载WeUI在开始之前，需要在index.html内加

Tyoocsdn 0喜欢 / 0评论 2019-06-21

HTML我帮您打造拖拽可视化的WEUI小程序工具

HTML我帮您打造微信应用号小程序开发工具,傻瓜化、拖拽式操作即可生成应用号小程序,功能模块组件化，无需开发快速生成应用号小程序。目前根据 WEUI组件库做好了顶部菜单、底部菜单、FLEX布局、九宫格、面板、图文列表、按钮、单行文本框、多行文本框、单选列表

洪海洋 0喜欢 / 0评论 2016-12-28

微信小程序正式发布官方视觉组件库，传递了怎样的信号？

weui.js是WeUI的轻量级JS封装，不需要依赖其它库，GZIP后仅有9.0KB。或许，现有的微信第三方服务机构格局将被打破，第三方服务机构将面临新一轮的洗牌。随着微信小程序的出现，既懂后台，又懂前端的人才会越来越受到企业的重视和拥抱，

guojiadonglian 0喜欢 / 0评论 2016-12-21

TODO：小程序集成WeUI

WeUI 为微信 Web 服务量身设计。WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、artic

82387864 0喜欢 / 0评论 2016-11-15

腾讯开源项目盘点：WeUI,WePY,Tinker,Mars等

开源展示了人类共同协作，成果分享的魅力，每一次技术发展都是站在巨人的肩膀上，技术诸多创新和发展往往就是基于开源发展起来的，没有任何一家网络公司可以不使用开源技术，仅靠自身技术而发展起来。腾讯开源了个很多非常有价值的项目，下面我们一起按照Stars来盘点下这

tinkersarah 0喜欢 / 0评论 2019-03-30

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。WeUI 是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、

flybamboo 0喜欢 / 0评论 2018-11-05

微信小程序实现上传图片功能

<view class="weui-uploader__info">{{imageList.length}}/{{count[countIndex]}}</view>. <block wx:for=&quo

hgzhang 0喜欢 / 0评论 2018-05-28

weui框架实现上传、预览和删除图片功能代码

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库，包含全部WeUI官方的CSS组件，并且额外提供了大量的拓展组件，丰富的组件库可以极大减少前端开发时间。jQuery WeUI 的最大特点是它只提供UI组件，并不会对项目所使用的框

85307360 0喜欢 / 0评论 2017-08-24

巧用weui.topTips验证数据的实例

不能为其它字符；唯一可以的是，只有输入3~199之间的数字，下面的确定按钮才会显示，否则，隐藏这个按钮。--医生问诊金额-->. <a id="showMoney" href="javascript:;"

洪海洋 0喜欢 / 0评论 2019-05-09

vue 添加vux的代码讲解

Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。vux-loader保证了组件按需使用

Haines 0喜欢 / 0评论 2017-11-30

Angular2仿照微信UI实现9张图片上传和预览的示例代码

本来在看vue.js没多久，最近在赶一个项目用回了angular2，还是先把ng2搞定吧，毕竟还不怎么懂。这两天我做的是用户表单数据的提交，大部分很简单，双向绑定就完事了，主要还是沟通的问题哈哈哈哈，虽然沟通的时候有点暴躁想甩锅，不过出了门还是高高兴兴吃饭

小猪猪 0喜欢 / 0评论 2017-10-19

用于微信公众号开发的 UI 库 jQuery WeUI

jQuery WeUI 是 WeUI 的一个 jQuery 实现版本，除实现了官方插件之外，它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的 JS 组件均是以 jQuery 插件的形式提供，使用非常方便，并且可以和 Re

linwenx 0喜欢 / 0评论 2018-11-10

专为微信设计的 UI 库 WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

Tyoocsdn 0喜欢 / 0评论 2018-11-08

有关jQuery中parent()和siblings()的小问题

今天发现一个小问题，现在也不知道到底是哪个梗在作祟，但是感觉是parent()和siblings()其中的一个。

yearHeaven 0喜欢 / 0评论 2016-06-01

Angularjs整合微信UI（weui）

不久前，微信推出了自己的一套UI，我看有很多开发者将其套用在了一些前端框架中，比如react、vue。最近自己在学习Angularjs，所以，也想把这个UI整合到这个框架，这几天试了一下，简单的套用了一个功能，现在分享给大家，分离做的不好，请高手指点。有一

chelongfei 0喜欢 / 0评论 2016-03-15

几款流行的前端UI框架

在前端项目开发过程中，总是会引入一些UI框架，已为方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近经常使用并且很流行的UI框架。Mint UI是饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足

liduote 0喜欢 / 0评论 2019-01-31

巧用ajax请求服务器加载数据列表时提示loading的方法

我们利用weui.js中的weui.loading为效果，ajax的beforeSend与complete方法，做一个加载数据时会有几秒的 loading...

xiaoxiaod 0喜欢 / 0评论 2019-04-06

推荐的web框架

通过SUI，可以非常方便的设计和实现精美的页面。同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。

稀土 0喜欢 / 0评论 2018-04-23

请在微信客户端打开链接

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">. 　　var isWeixin

BitTigerio 0喜欢 / 0评论 2018-03-29

基于 WeUI 的 React 组件库 mt-weui-react 发布了

背景目前社区没有较为优秀的 weui+react 框架，而我们使用的是 React0.13 的老版本，新版 React 框架并不兼容，weui 虽然提供了标准的视觉规范组件，但并没有封装成运用于项目的UI交互组件。所以我们决定自己维护开发一套基于 weui

稀土 0喜欢 / 0评论 2017-11-29

微信公众号几种移动端UI框架介绍

微信公众号开发，主要是移动端网页的页面开发，在这里推荐3个移动端UI框架：WeUI、SUI和Mint UI。组件包含button、cell、dialog、 progress, toast、article、icon等等。js支撑：Vue.js；Mint UI

手机开发 0喜欢 / 0评论 2017-02-18