1. 程式人生 > >微信開發隱藏網頁右上角按鈕與底部導航欄

微信開發隱藏網頁右上角按鈕與底部導航欄

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”。
  • 示例演示

相關推薦

開發隱藏網頁右上角按鈕底部導航

Weixin JS介面Weixin JS介面是微信為你的H5應用提供開放原生能力的介面,你的應用可以利用這些介面使用更多的微信原生能力和微信的操控能力, 以使得你的應用有更強大的智慧,更好的使用者體驗。除了以下章節所描述的各類介面。拍照、上傳圖片、掃碼、微信支付、地理位置上報

開發網頁授權access_token基礎支持的access_token異同

amp api ken 獲取 use 有效期 公眾號 分享 什麽 問題1:網頁授權access_token與分享的jssdk中的access_token一樣嗎?答:不一樣。網頁授權access_token 是一次性的,而基礎支持的access_token的是有時間限制的:7

開發網頁授權

個人信息 ati 關註 技術分享 lin base 定義 技術 參數 第一步:成為開發者   在自己的公眾號點擊基本配置,點擊基本配置,填寫服務器配置 Url服務器地址是微信回調地址,必須以 http://或https://開頭,端口號必須為80或443。 Token令

開發網頁授權取客戶資訊(測試號)

搞個賬號後 到開發者工具->公眾平臺測試賬號 第一步 設定一個域名 這個域名要外網能訪問 如果是自己測試的話 不用伺服器 就用內網對映(這裡推薦netapp) 這裡注意不用加什麼http:// 第二步 後臺寫一個介面 返回一個echostr給微

開發網頁授權、跳轉至網頁

概述原文連結:http://blog.csdn.net/u011506468/article/details/47305261 微信參考:http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html

小程式開發--註冊底部導航tab

1、註冊 小程式的開發已經快進入尾聲了,我也沒那麼多事了,現在給大家分享一下開發小程式的過程。入職後公司的第一個小程式前端開發交給了我。雖然老大說不著急,但是要一個人負責小程式而且我也沒學過,心裡還是沒底的。不過沒辦法,拿人錢財替人消災只能硬著頭皮寫。 之後抓緊

開發網頁樣式庫)

首先,我們先聊下這個微信  網頁樣式庫,它是幹嘛的,怎麼用; WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 內網頁開發量身設計,可以令使用者的使用感知更加統一。在微信網頁開發中使用 WeUI,有如下優勢: 同微信客戶端一致的視覺效果,令所

開發一--網頁授權

功能: 主要用於在使用者通過手機端微信訪問第三方H5頁面時獲取使用者的身份資訊(openId,暱稱,頭像,所在地等。。)可用來實現微信登入、微信賬號繫結、使用者身份鑑權等功能。   一、開發前的準備: 1、需要有一個公眾號,拿到AppID和AppSecret; 注意

開發之事件推送被動回覆

直接上程式碼,公眾號後臺基本配置: 設定URL、token、EncodingAESKey,並退出啟用改配置,後上程式碼 class TestController extends Controller { //公眾號後臺的URL的介面 public

Ruby on Rails開發2——訊息的接收響應

訊息的接收: 接收訊息 路由配置: post '/test/wechat',to: 'wechat_supports#process_request’  #ruby實現 #接收微信伺服器資

PHP開發-access-token的獲取儲存

儲存是以.txt的方式儲存token值的 先上程式碼 <?php require_once("file_cache.php"); class WeixinUtil{ private $appId = 'appId ';

初嘗小程序2-Swiper組件、導航標題配置

排行 -a 隨筆 姐姐 mage .com info 其他 wid swiper 滑塊視圖容器。 很多網頁的首頁都會有一個滾動的圖片模塊,比如天貓超市首頁,滾動著很多優惠活動的圖片,用來介紹優惠內容,以及供用戶點擊快速跳轉到相應頁面。 Swiper不僅可以滾動圖片,也可以

開發小技巧--google推薦的底部導航的使用BottomNavigationBar

Google在自己推出的Material design中增加了Bottom Navigation導航控制。Android一直沒有官方的導航控制器,自己實現確實是五花八門,有了這個規定之後,就類似蘋果的底部Toolbar,以後我們的APP就會有一致的風格,先看一張效果:

開發js_sdk分享,使用場景,網頁app內部分享時的標題描述,包括logo設置(一)

lap 判斷 bsp 準備 自己的 tp5 獲取 處理 圖片 主要有下面幾步。首先大家先分清楚 小程序的appid,appSecret 跟公眾號的appid,appSecret是不一樣的。因為這兩個都能拿到token,且是不同的值。 準備開始: 1.準備好 公眾號的appi

開發——網頁授權access_token全域性access_token獲取使用者資訊的介面

最近開始接觸微信公眾號開發。在這裡進行一個知識點的記錄:網頁授權access_token與全域性access_token獲取使用者資訊的介面。 1、網頁授權access_token:微信網頁授權是通過

開發 Weixin JS介面 隱藏網頁底部導航

公眾號在有需要時(如認為使用者在該頁面不會用到瀏覽器前進後退功能),可在網頁中通過JavaScript程式碼隱藏網頁底部導航欄。 介面呼叫程式碼(JavaScript) document.addEventListener('WeixinJSBridgeReady',

公眾平臺網頁開發實戰--1.分享一個網頁到朋友圈

微信開發 html5 jssdk 實戰 網頁開發 對微信的JSSDK進行封裝一下,創建一份類似的文件結構,增加index.html與shareApi.js文件,結構如圖3.3所示。 圖3.3 3.2節文件結構另外,提醒讀者一下,wxJSSDK.js文件的JSSDK環境配置中,需要

公眾平臺網頁開發實戰--3.利用JSSDK在網頁中獲取地理位置(HTML5+jQuery)

fff .html 1.4 style minimum log fill rdquo 位置 復制一份JSSDK環境,創建一份index.html文件,結構如圖7.1所示。 圖7.1 7.1節文件結構 在location.js中,封裝“getLoc

Java企業開發_09_身份驗證之移動端網頁授權(有完整項目源碼)

.com post請求 ati errcode http nbsp code repl button 註: 源碼已上傳github: https://github.com/shirayner/WeiXin_QiYe_Demo 一、本節要點 1.1 授權回調域(可信

Asp.net 企業號網頁開發流程

部門 trre npr oauth info help AI authorize load 一、在pageload方法中獲取code var code = GetCode(); private string GetCode() {