`

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

阅读更多
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
</head>
<body>
<script type="text/javascript">
    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="css/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>
</body>
</html>

 

效果图:

 

 

 

 

 

 

 

 

 

 

  • 大小: 11.1 KB
1
0
分享到:
评论

相关推荐

    js脚本《页面只允许在微信客户端打开》

    编写前端代码时,希望页面只允许在微信客户端打开时,利用这段代码判断显示。

    限制只能在微信端打开

    在Web开发中,有时候我们需要让网页只能通过特定的应用程序访问,例如只允许用户在微信内浏览某个页面。这通常是为了实现某些特殊功能,比如利用微信内置浏览器的特性进行支付、分享等功能,或者根据不同的访问来源...

    手机浏览器调用微信H5支付源码

    它允许用户通过微信应用内或微信内置浏览器直接完成支付流程,无需跳转到其他支付平台,提高了用户体验。以下是对这套手机浏览器调用微信H5支付源码的详细说明: 1. **支付流程**: 微信H5支付的流程大致包括以下...

    php判断页面是否是微信打开的示例(微信打开网页)

    如果找到了关键词,则说明是在微信中打开的网页,就可以允许访问,并通过正则表达式获取并输出微信的版本号。 然而,这种方法并不是完全可靠的,示例中也提到了存在一些问题。某些设备,比如示例中提到的Windows ...

    微信pc端3.2.1版本,支持pc端开发调试

    1. **本地资源预览**:开发者可以将本地的H5页面链接直接在微信PC客户端打开,无需上传到服务器或者使用其他工具进行中转,极大地简化了开发流程。 2. **实时刷新**:当代码发生变化时,页面会自动刷新,显示最新的...

    微信小程序 udp 页面 简易

    由于没有具体文件内容,我们只能推测它可能包含了一个简单的UDP客户端或服务器的实现,可能用JavaScript或WXML、WXSS(微信小程序的专用语法)编写。 实现微信小程序中的UDP通信,通常需要以下步骤: 1. **配置...

    仿斗鱼直播的微信小程序源代码。此代码实现了首页和直播页面的开发。

    2. **JavaScript处理逻辑**:小程序的业务逻辑由JS文件编写,通过API调用微信提供的接口,实现与服务器的数据交换和页面交互功能。 3. **微信小程序API**:如上所述,利用微信提供的直播组件和API,如`wx....

    weixin-news:前端新闻微信小程序客户端

    【标题】"weixin-news:前端新闻微信小程序客户端"指的是一个专门为微信平台开发的新闻小程序应用。微信小程序是一种轻量级的应用程序,用户无需下载安装即可在微信内使用,为用户提供方便快捷的新闻浏览体验。 ...

    websocket实现(含java后端)_微信小程序模板js代码前台前端H5页面源码.rar

    这个资源的`wechat-app`目录可能包含了微信小程序的项目结构,包括`app.js`, `app.json`, `app.wxss`等核心文件,以及各页面的`.json`, `.wxml`, `.wxss`, `.js`文件。开发者可以通过这些源码学习如何在微信小程序中...

    基于微信小程序的网上购物系统设计模式.pdf

    MINA框架对微信客户端的基础功能,如数据安全、网络通信、文件系统等进行了封装,并形成了JavaScript API供上层应用使用。在这个框架中,主要采用了WXSS(WeiXin Style Sheets)、WXML(WeiXin Markup Language)等...

    自动复制内容_微信浏览器自动复制内容_

    JavaScript允许我们与用户交互,并操作网页中的文本内容。在微信浏览器中,我们可以利用`document.execCommand()`方法来执行复制操作。这个方法是HTML5引入的一个命令接口,可以执行像复制、剪切和粘贴这样的基本...

    小歆记账微信小程序项目(WeUI框架客户端).zip

    【小歆记账微信小程序项目(WeUI框架客户端)】是一个基于微信小程序开发的应用,用于个人财务管理。这个项目采用WeUI框架,一个专为微信小程序设计的轻量级UI库,旨在提供一致、美观的界面体验。下面我们将深入探讨这...

    JAVA微信JSAPI,NATIVE支付

    - **用户扫码支付**:用户扫描二维码,微信客户端打开支付页面,用户确认支付详情并完成支付。 - **接收支付通知**:同样,服务器端需要监听微信的支付结果通知,更新订单状态。 在提供的压缩包文件"wxpay_...

    微信小程序宿主环境.docx

    渲染层和逻辑层之间通过微信客户端(Native)进行通信,确保数据同步。 2. **组件** - 微信小程序提供了一系列的基础组件,如视图、图片、文本、按钮等,开发者可以通过组合这些组件构建小程序界面。组件使用类似...

    微信小程序框架文档

    - **兼容性**:考虑到了不同版本微信客户端的支持情况。 - **运行机制**:详细解释了小程序的启动、加载和渲染流程。 - **性能优化**:提供了性能监控工具和优化建议。 - **分析工具**:提供了调试和分析小程序性能...

    微信小程序-微信小程序做的小型聊天应用

    微信小程序使用一套基于JavaScript的声明式编程语言WXML(WeiXin Markup Language)和WXSS(WeiXin Style Sheets)进行页面结构和样式设计。同时,JavaScript负责处理业务逻辑和数据管理,通过微信小程序框架提供的...

    html5仿网页版微信聊天界面代码

    `&lt;canvas&gt;`允许开发者在网页上动态绘制图形,用于实现聊天气泡的绘制、表情图片的展示,甚至可能包括一些动画效果。开发者需要编写JavaScript代码来控制`canvas`的绘图,比如画出不同的消息气泡形状,以区分发送和...

    Javascript限制网页只能在微信内置浏览器中访问

    例如,微信JS-SDK提供了安全检测接口,通过该接口可以校验当前网页的合法性和是否在微信内置浏览器中打开。 2. 考虑到安全性,可以将一些关键的前端逻辑和服务端验证相结合。在客户端进行初步的UserAgent检查后,...

    微信小程序架构解析课件

    - **拥有离线能力**:得益于微信客户端强大的缓存机制,小程序能够在一定程度上实现离线访问。 - **跨平台**:基于微信这一平台,开发者只需编写一次代码即可实现在Android和iOS两大操作系统上的运行。 #### 小程序...

Global site tag (gtag.js) - Google Analytics