• 组件显示的方法:即是定义组件的表现形式 display: none;wxml文件: ...'隐藏':'显示'}} //?:即表示了一种选择关系 <button class="hide{{showV
    • 组件显示的方法:即是定义组件的表现形式
    display: none;

    wxml文件:

     <view >
      <button  class="hide{{showView?'show':''}}" bindtap="onChangeShowState">{{showView?'隐藏':'显示'}}</button>
      //?:即表示了一种选择关系
      <button class="hide{{showView?'':'show'}}" bindtap="onChangeShowState">{{showView?'隐藏':'显示'}}</button>
     </view>
     <view class="hide{{showView?'show':''}}">
     <text class="text">我是被显示被隐藏控件</text>
     </view>

    wxss文件

    .hide{
     display: none;
    }
    .show{ 
     display: block;
    }

    js文件

    Page({
      data: {
        showView: true
      },
      onLoad: function (options) {
        // 生命周期函数--监听页面加载
        showView: (options.showView == "true" ? true : false)
      }
      , onChangeShowState: function () {
        var that = this;
        that.setData({
          showView: (!that.data.showView)
        })
      }
    })

    注意理解其中的选择关系,我这里有两个botton组件,但是显示的时候实际可以看到的只有一个
    因为当点击的时候,另一个组件被隐藏了,也就是display方式改变了,在这个地方也就可以理解
    为有一个循环关系,也就是上一个组件被后面的组件覆盖了
    也就实现了用户的一种交互操作

    展开全文
  • Weixin JS接口Weixin JS接口是微信为你的H5应用提供开放原生能力的接口,你的应用可以利用这些接口使用更多的微信原生能力和微信的操控能力, 以使得你的应用有更强大的智能,更好的用户体验。除了以下章节所描述的...

    Weixin JS接口

    Weixin JS接口是微信为你的H5应用提供开放原生能力的接口,你的应用可以利用这些接口使用更多的微信原生能力和微信的操控能力, 以使得你的应用有更强大的智能,更好的用户体验。


    除了以下章节所描述的各类接口。拍照、上传图片、扫码、微信支付、地理位置上报等更多的接口已经或正在抓紧开放中,更多信息也请参考微信相关网站了解.


    隐藏微信中网页右上角按钮

    企业号在有需要时(如不需要用户分享某个页面),可在网页中通过JavaScript代码隐藏网页右上角按钮。

    生成缩略图出错:无法找到文件
    • 接口调用代码(JavaScript)
    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();
    }
    
    • 返回说明

    隐藏底部导航栏没有返回值。(需要显示请把hideOptionMenu换成showOptionMenu) 



    隐藏微信中网页底部导航栏

    企业号在有需要时(如认为用户在该页面不会用到浏览器前进后退功能),可在网页中通过JavaScript代码隐藏网页底部导航栏。

    底部导航栏.png

    • 接口调用代码(JavaScript)
    function onBridgeReady(){
       WeixinJSBridge.call('hideToolbar');
    }
    
    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();
    }
    
    • 返回说明

    隐藏底部导航栏没有返回值。(需要显示顶部导航栏,请把hideToolbar换成showToolbar) 



    网页获取用户网络状态

    为了方便开发者根据用户的网络状态来提供不同质量的服务,企业号可以在企业号内部的网页中使用JavaScript代码调用来获取网络状态。

    • 接口调用代码(JavaScript)
    function onBridgeReady(){
     WeixinJSBridge.invoke('getNetworkType',{},
     		function(e){
     	    	WeixinJSBridge.log(e.err_msg);
     	    });
    }
    
    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();
    }
    
    • 返回说明

    获取用户网络状态的返回值如下:

    network_type:wifi wifi网络
    network_type:edge 非wifi,包含3G/2G
    network_type:fail 网络断开连接
    network_type:wwan(2g或者3g)
    



    关闭当前网页窗口

    在微信内置浏览器中被访问的网页,可使用该JavaScript代码关闭当前网页。

    主要使用场景: 微信用户在企业号会话中点击外链到达企业号的网页,在用户完成操作后,企业号(网页方)可调用此接口关闭当前网页窗口,使用户返回会话。

    • 接口调用代码(JavaScript)
    WeixinJSBridge.invoke('closeWindow',{},function(res){
    
        //alert(res.err_msg);
    
    });
    
    • 返回说明
    返回值说明
    err_msg关闭成功返回“close_window:ok”,关闭失败返回“close_window:error”。
    • 示例演示

    在微信中访问此链接:关闭当前网页窗口演示接口 

    展开全文
  • 今天测试提交一个关于分享朋友圈信息的Bug:作者的作品可以分享出去,而且分享出去后允许他人编辑。 经过测试确实如此,两种解决方案:1.根据角色进行区分;2.禁止朋友圈或好友分享; 因为工期紧张的关系,偷懒...

    今天测试提交一个关于分享朋友圈信息的Bug:作者的作品可以分享出去,而且分享出去后允许他人编辑。

    经过测试确实如此,两种解决方案:1.根据角色进行区分;2.禁止朋友圈或好友分享;

    因为工期紧张的关系,偷懒选择第二种解决方案。

    百度到这么一段代码

    <!--禁用微信分享按钮-->
        <script>
            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();
            }
        </script>
    
    禁用微信分享

    验证过后确实效果不错,对于顶部菜单只允许刷新以及修改字体等基本操作,相关的分享按钮已经隐藏。

    怕以后用到,就直接把原博主的文章拿过来留作备份。

    之前写了一篇关于这个WeixinJSBridge API的文章,文章地址 ,于是有很多网友都在过来咨询这个API的使用,在这里有必要跟大家再说一下:这个API在以前公布的部分接口被官方和谐掉很久 了, 比如一键关注、分享给好友、分享到朋友圈等。当然,你可能会发现微信官方推送的一些文章还能使用这些功能,粗略估计,官方是对这个API增加了白名单控 制,判断Referer,如果是微信官方的地址、或者是有合作的商家地址,则允许调用,否则,返回“access denied”!

    截止目前,笔者还没用发现还有什么办法能继续使用它!不过,官方和谐掉这个API其实也是说得过去的,因为在整个WebView的右上角,官方做了一个Navtive的按钮,点开以后,包括分享给好友、分享到朋友圈这样的功能都有,所以,官方也是在做一些引导。

    当然,WeixinJSBridge这个API也并不是所有功能都被和谐掉了,相反,有好几个功能还是相当有用的,可以正常使用,比如:

    1、隐藏微信网页右上角的按钮(...按钮):开发者可以用这个功能来禁止当前页面被分享

    2、隐藏微信网页底部的导航栏(比如前进后退和刷新):这个导航栏会占用一定的区域,开发者可以认为用户不会用到它,将其隐藏掉

    3、在微信网页中获取用户的网络状态:开发者可以利用这个API获得用户的网络状态,并提供不同的服务,比如视频类,在wifi下提供高清视频流,在2g网络下提供普通清晰视频流等等

    下面分别通过简单的几行代码,说明这几个API的用法:

    1、隐藏微信网页右上角的按钮

    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 通过下面这个API隐藏右上角按钮
        WeixinJSBridge.call('hideOptionMenu');
    });
                 
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 通过下面这个API显示右上角按钮
        WeixinJSBridge.call('showOptionMenu');
    });
    2、隐藏微信网页底部的导航栏
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 通过下面这个API隐藏底部导航栏
        WeixinJSBridge.call('hideToolbar');
    });
                
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 通过下面这个API显示底部导航栏
        WeixinJSBridge.call('showToolbar');
    });
    3、在微信网页中获取用户的网络状态
    WeixinJSBridge.invoke('getNetworkType',{},function(e){
        // 在这里拿到e.err_msg,这里面就包含了所有的网络类型
        alert(e.err_msg);
     });

    e.err_msg的取值如下所示:

    network_type:wifi wifi网络 2 network_type:edge 非wifi,包含3G/2G 3 network_type:fail 网络断开连接 4 network_type:wwan 2g或者3g

    在微信JSSDK说明文档中有关于按钮屏蔽使用等的说明:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

    第十条界面操作则是对于按钮的处理

    1
     

    在附录三中有所有涉及的菜单项列表

    wx.hideMenuItems({
        menuList: [] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3
    });

    使用方式,直接将项隐藏的菜单项
    • 发送给朋友: "menuItem:share:appMessage"
    • 分享到朋友圈: "menuItem:share:timeline"
    • 分享到QQ: "menuItem:share:qq"
    • 分享到Weibo: "menuItem:share:weiboApp"
    • 收藏: "menuItem:favorite"
    • 分享到FB: "menuItem:share:facebook"
    • 分享到 QQ 空间/menuItem:share:QZone

    放入到menuList:[]括号中,具体拼接方式,大概是","

    原文地址:点击打开链接


    展开全文
  • 微信隐藏功能代码

    2017-06-23 14:56:46
    微信隐藏命令

                                                                             微信的隐藏功能代码

    一、执行代码的方法

    就是在任意聊天窗口先输入2个反斜杠,再输入命令字母,点发送,命令就会执行了


    二、命令列表:

    编号 代码 命令分解 命令
    1 //switchtabpos switch tab pos 更改底部功能按钮位置的命令
    2 //multiwebview multi web view 微信多窗口显示命令
    3 //opentrace open trace 打开跟踪(到底是跟踪什么呢?)
    4 //getfpkey get fp key 得到手机基本信息
    5 //pickpoi pick poi 定位当前位置
    6 //fullexit full exit 完全退出微信
    7 //testwaitsms test wait sms 测试验证手机号码
    8 //sightinfo sight info 打开查看小视频参数(以后你小视频的时候就都显示了)
    10 //testsetpageowner test set page owner 检测你是否拥有页面的所有权(估计是程序媛内部试用)
    11 //traceroute trace route 打开诊断网络
    12 //wearversion wear version 可穿戴设备版本
    13 //wearlog wear log 可穿戴设备日志
    14 //wearvoiceinputenable wear voice input enable 允许可穿戴设备输入语音
    15 //wearvoiceinputdisable wear voice input disable 禁止可穿戴设备输入语音
    16 //weargoogleapi wear google api 可穿戴设备的谷歌接口
    17 //assert assert  
    18 //pushassert push as sert  
    19 //uplog up log 上传记录(测试这个功能,seo学堂小编耗时不少)
    20 //upcrash up crash  
    21 //switchnotificationstatus switch notification status 更改通知状态6.2beta有状态栏headsup
    22 //busiluck[ ] busiluck[ ]  
    23 //newyearsw[ ] new year sw[ ]  
    24 //commitxlog commitx log  
    25 //netstatus net status 显示当前网络情况
    26 //switchtabpos switch tab pos  
    27 //multiwebview multi web view  
    28 //sightinfo sight info 小视频信息
    29 //sighttest sight test 小视频测试功能?
    30 //printcrash print crash 显示开发相差信息(崩溃记录)
    31 //makemsgdata[ ] make msg data[ ] 加了个空格,崩溃了
    32 //whatsnew whats new 打开首屏窗口显示微信新功能介绍
    33 //profile[ ] profile[ ]  
    34 //commitwd commitwd  
    35 //remittance reset remittance reset  
    36 //wv[ ] wv[ ]  
    37 //wvlocal[ ] wvlocal[ ]  
    38 //settbs settbs 设置tbs信息
    39 //gettbs gettbs 显示tbs信息
    40 //deletetbs deletetbs 删除tbs信息
    41 //channelId channelId 显示频道编号:小编的这个显示69
    42 //qzone 11935679 qzone[ ] 直接打开某用户的qq空间(11935679是qq号码,页面被屏蔽了)
    43 //dumpcrash dumpcrash  
    44 //dumpanr dumpanr  
    45 //testanr testanr  
    46 //opensnsadRightbar opensnsadRightbar  
    47 //switchsdcard switchsdcard  
    48 //getip getip 一试微信就退出
    49 //getlocalkey getlocalkey  
    50 //testhtml testhtml  
    51 //testlocalhtml[ ] testlocalhtml[ ]  
    52 //setkey setkey  
    53 //checkspell checkspell  
    54 //cleargiffolder cleargiffolder  
    55 //gallery[ ] gallery[ ]  
    56 //tgs[ ] tgs[ ]  
    57 //testMbanner testMbanner  
    58 //recomT recomT  
    59 //recomF recomF  
    60 //testgetreg testgetreg  
    61 //testwaitsms testwaitsms  
    62 //switchpaytype switchpaytype  
    63 //emoji[ ] emoji[ ]  
    64 //share[ ] share[ ]  
    65 //dumpappinfoblob[ ] dumpappinfoblob[ ]  
    66 //googleauth[ ] googleauth[ ]  
    67 //clrgamecache clrgamecache 清除游戏缓存
    68 //googlemap googlemap 切换为谷歌地图
    69 //sosomap sosomap 切换为腾讯地图
    70 //updateConversation updateConversation  
    71 //changeshakemode changeshakemode  
    72 //setshakecarddata setshakecarddata  
    73 //clearshakecarddata clearshakecarddata  
    74 //pageSize pageSize 页面大小  输入然后弹出
    75 //recover recover  
    76 //makesnsdata[ ] makesnsdata[ ]  
    77 //setsnsupload[ ] setsnsupload[ ]  
    78 //logsnstable logsnstable  
    79 //resetsnstip resetsnstip  
    80 //checkcount checkcount 统计聊天记录的数量
    81 //changeframe[ ] changeframe[ ]  
    82 //opendumpview opendumpview  
    83 //dumpmemory dumpmemory 内存释放,输入后,看不出来结果
    84 //dumpsnsfile dumpsnsfile  
    85 //coverage coverage 转换年龄(估计是转换年龄的显示方式)
    86 //dumpthreadpool dump thread pool  
    87 //configlist config list  
    88 //security security 安全选项?
    89 //updatepackage update package  
    90 //audiowritetofile audio write to file  
    91 //bankcard bank card 好像扫描拍照识别银行卡(seo学堂小编测试了,能拍照,但不反馈结果)
    92 //abtest[ ] abtest[ ] 识别不了此命令
    93 //banner banner 没反应
    94 //gamemsg game msg 游戏消息
    95 //gallerytype gallery type 观看的方式吗?
    96 //voipfacedebug voip face debug 开启或关闭voip调试功能
    98 //cleardldb clear dldb 估计是清除下载的数据表
    99 //switchdler switch dler 会显示art 1 or 2 我的显示2
    101 //adddownloadtask adddownloadtask 添加下载任务
    102 //querydownloadtaskbyurl query download task by url 查询下载任务,以url方式返回
    103 //querydownloadtask query download task 返回0,应该是查询下载任务
    104 //removedownloadtask remove download task 清除下载任务
    105 //pausedownloadtask pause download task 暂停下载任务
    106 //resumedownloadtask resume download task 重新下载
    107 //testofflinedownloadtask test off line download task 打开6.1的内部体验,下载
    108 //delchatroomsysmsg del chat room sys msg 崩溃了
    109 //testupdate test update 检查更新
    110 //debugsnstimelinestat debug sns timeline stat 打开或关闭sns的时间线调试状态
    111 //switchsdcard switchsdcard 切换sd卡存储位置(可惜seo学堂小编的测试失败)

    展开全文
  • 微信 群接龙 功能使用介绍

    使用环境

    苹果(iPhone)或 安卓(Android)手机。
    截止于 2020 年 2 月 7 日,Mac版微信、Windows版微信 和 网页版微信 暂时不支持该功能。

    样式

    iPhone 版样式
    图 1

    Android 版样式
    图 2

    打开方式

    iPhone 需要三步,如上方 图1 所示:

    0.输入“接龙”

    1.键入“回车”

    2.输入“1”

    Android 需要五步,如上方 图2 所示:

    0.输入“接龙”

    1.键入“回车”

    2.输入“1.”

    3.键入“回车”

    4.输入“2.”

    不知道什么原因,Android 的打开方式比较麻烦,触发后,功能界面是一样的,不影响使用。

    功能介绍

    主界面
    点击 进入接龙表格 即可进入主界面

    “#接龙”
    这里是接龙的标题,可全部删除后自定义。

    “可填写接龙格式”
    这里是定义接龙内容的地方,提示使用者如何输入正确的内容。

    “我是 1 号”
    “我是 1 号”是你的群昵称,默认自动填充,你可以直接在后面追加要输入的信息。

    “可填写补充信息”
    这里可以填写一些补充信息,对标题做补充。点击此处会弹出输入法,输入法上方有三个按键,下面会详细展示下三个按键的功能。

    工具栏界面
    三个功能按键分别对应下方三个界面,用于自动获取 地点、电话号、日期。
    地点:可以定位,也可以自行搜索地点;
    电话号:就是当前微信绑定的手机号码;
    日期:默认是当前年月日,也可以自行选择。

    选择后显示如下:

    在原来“可填写补充信息”的位置,已经填充上了你选择的信息。
    你也可以再次编辑该处的内容,也可以再添加其它内容。

    群聊内样式和使用

    如图所示:

    第一行:标题
    第二行:示例
    第三行:发起人的内容
    第四行:补充信息

    其他人继续接龙如何操作呢?
    点击 查看接龙 即可进入功能界面,然后可以输入你的内容。
    大致流程如下图:
    点击 即可添加条目
    点击右上角 发送 即可将信息发送进群聊。

    总结

    1. 群接龙,只能在微信群内使用,私聊调不起来。
    2. 苹果(iPhone)和 安卓(Android)手机调起群接龙的方式是不同的,苹果手机相对简单点。安卓手机需要输入两行,且需要输入符号“.”
    3. 电脑版的微信不支持该功能,对于想参加活动但身边没有手机的朋友不友好。
    4. 该功能没有正式入口,可能哪个版本更新后就消失了,并且现在已经有一些比较不错的接龙小程序可以代替这个功能,但相较于小程序这个功能的优点是简洁、安全,毕竟是微信自己开发的。

    本文原创发布于公众号 习习立

    展开全文
  • 企业微信是腾讯推出的一个新的办公协作平台,通过与微信一致的沟通体验,为企业员工提供最基础和最实用的...本文以该项目为例对在企业微信平台开发企业应用的特点进行了总结,重点分析了企业微信开发平台对应用开发...
  • 1、隐藏微信网页右上角的按钮 1 2 3 4 5 6 7 8 9 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {  // 通过下面这个API隐藏右...
  • function onBridgeReady(){  WeixinJSBridge.call('hideOptionMenu'); } ...if (typeof WeixinJSBridge == "undefined"){ ... if( document.addEventListener ){ ... document.addEventListener('WeixinJS
  • wx.ready(function () { // 8.3 批量隐藏菜单项 wx.hideMenuItems({ menuList: [ 'menuItem:share:qq', //分享到QQ 'menuItem:share:weiboApp', // 分享到Weibo 'menuIt...
  • 公众号在有需要时(如认为用户在该页面不会用到浏览器前进后退功能),可在网页中通过JavaScript代码隐藏网页底部导航栏。
  • 微信开发时候在做消息接口交互的时候需要使用带微信加密ID(OpenId),下面讲讲述2中类型方式获取微信OpenID,接收事件推送方式和网页授权获取用户基本信息方式获取。
  • 最近需要做一个页面,该页面使用微信浏览器打开,功能如下: 1、用户打开链接之后获取到用户的openId,用于支付、获取后台数据等场景 2、自定义分享链接、标题、图标、描述等 3、隐藏微信页面中的某些菜单项列表 ...
  • 微信开发之禁止分享 既然是微信的分享功能,当然要用微信接口,微信接口在调用时有两种方式,但是前提是页面要引入微信的js-JDK 通过配置wx.config(),config:ok后,会执行wx.ready(function(){}),把我们需要...
  • 今天分享一个简单的问题,现在微信分享盛行,微信分享已经成为了一种很好的宣传销售渠道,自然,产品对于分享的要求也就高了,这两天正好参与这块的开发,分享一下几个小的细节总结吧! 1.分享文案的传递: ...
  • 这段时间很多人看了我的帖子《微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能 》询问我在微信中出现无法拨号的情况,原先我操作的时候,的确是OK的,现在微信版本升级了,我试了一下,果然...
  • 微信小程序分享功能知识点微信小程序分享功能知识点概览小程序与普通网页开发的区别小程序运行机制启动前台/后台状态小程序销毁WXS响应事件的动机微信分享需求描述程序流程FAQs同类小程序分享功能调研&...
  • 隐藏微信网页右上角的按钮,结果按钮未隐藏,而是隐藏所有非基础按钮接口; 隐藏调整字体大小按钮,失效。。。 我查了好多,很多人说现在的这个接口文档的接口是好多被和谐掉了,失效,开发平台接口文档页面没更新,...
  • 微信公众平台开发过程中,如果想屏蔽右上角的菜单的功能,可以直接在页面里面加上下面一段: document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {  WeixinJSBridge.call('...
1 2 3 4 5 ... 20
收藏数 18,123
精华内容 7,249