1. 程式人生 > >微信小程式跳轉外鏈web-view用法

微信小程式跳轉外鏈web-view用法

小程式已經開放了,跳轉外鏈的功能,意思是,在小程式裡面可以直接跳轉到一個h5頁面中。
這裡寫圖片描述
注意上圖中的兩個資訊:
1.個人型別與海外。。。。不支援。
2.配置域名白名單。
基本的配置結束之後,我們就來開始用web-view這個外掛了。
這裡寫圖片描述
這裡寫圖片描述

<web-view src="https://hx.qq.com/zlkdatasys/mct/proj_1/download.shtml?media=20180320wx&back=cururl"> </web-view>

由於這樣寫在頁面上,這個連結會自動跳轉。所以我另建了一個outurl資料夾,新建一個index.wxml頁面將這個程式碼放在這個頁面裡面,然後在本頁面點選‘下載手遊’的時候通過路由跳轉來達到目的。

<navigator url="/pages/outurl/index">
        <image src='../../images/btn-download.jpg' class='btn-download'></image>
</navigator>

謝謝閱讀,謝謝點贊!

相關推薦

程式web-view用法

小程式已經開放了,跳轉外鏈的功能,意思是,在小程式裡面可以直接跳轉到一個h5頁面中。 注意上圖中的兩個資訊: 1.個人型別與海外。。。。不支援。 2.配置域名白名單。 基本的配置結束之後,我們就來開始用web-view這個外掛了。 &l

關於程式程式

<navigator target="miniProgram" open-type="navigate" app-id="你小程式的id" path="" extra-data="" version="develop" hover-class="none"> </navigat

程式傳引數

跳轉傳參頁面 wx.navigateTo({ url: '../beiyun/beiyun?引數一=' + 引數一的值+‘&引數二’+引數二的值, }) 接收引數的頁面 頁面載入時接收 onLoad: function(options)

程式頁面的方式

微信小程式據我瞭解的有三種跳轉頁面的方式: 第一種: 跳轉頁面後有下圖所示的返回鍵,但是不能跳轉帶tabbar頁面(不知道tabbar頁面是什麼的請往下翻) var url = '../navigateTo/navigateTo'; //跳轉路徑 wx.navig

程式程式

1.在有一些公司,可能職能部門分工比較詳細,每個部門針對自己的業務做了自己的小程式,但在有些時候需要用到別的部門小程式的,這時就需要在小程式之間做跳轉,還好在小程式的更新文件中新增了小程式間跳轉的api,以前直接通過api呼叫跳轉即可,但在2018.11.1下午微信公眾平臺通知需做navigateT

程式無效原因總結

1.檢查要跳轉的位置是否在app.js中註冊過。 2.檢查要跳轉的地址是否有誤。經常都是因為少寫或者多寫使得跳轉無效。 3.檢查要跳轉的位置是否位於TabBar中,如果是的話,要使用wx.switc

程式頁面

小程式頁面有2種跳轉,可以在wxml頁面或者js中:1,在wxml頁面中: <navigator url="../index/index">跳轉到新頁面</navigator> <navigator url="../index/index" open-type="redir

程式傳參的方法

兩種方式:一是通過導航元件;而是利用wx:navigateTo的API(原理都一樣:通過url傳參) 一:導航元件的方式: 1.首先在頁面建立導航 <navigator url="../index/index?title=suiyi&id=1"><

程式頁面傳密文被擷取

原因很簡單,但是解決用了好長時間 我的引數:as1dfa54sd3f21as3d5f4asdf213a1sd5f4a3sdf1as3d54f= 重點在最後的 = 通過url傳參頁面 wx.scanCode({ onlyFromCamera:

程式 navigateTo傳遞物件

let str=JSON.stringify(e.currentTarget.dataset.item); wx.navigateTo({ url: '../toMybaby/babyDetail/babyDetail?jsonStr='+str, success: function (res) { //

程式入門(2):web-view的使用

上一篇:簡單介面的實現 web-view是最近微信推出的元件,最開始用的時候對於我來說,就是一個內嵌網頁,相當於HTML裡的a標籤。然而這個元件卻不像想象中的那麼好用,不過困擾我十多天後,終於找到一個小方法來“解決”了,看完勿噴。 首先,你得是用企業賬戶或其它賬戶申請註冊的

遊戲程式介面 wx.navigateToMiniProgram

小程式的navigateToMiniProgram要棄用了,但小遊戲的navigateToMiniProgram應該是沒事,因為用別的H5引擎的話,用不了它的 <navigator> 元件,所以小遊戲navigateToMiniProgram介面說明中沒提到棄用的問題

程式坑(一)——navigateTo連結失靈

一般在小程式的跳轉中,有常見的2種方法: 1,用ontap標籤來呼叫js函式裡面的navigateTo實現跳轉 如注意連結的層次,官方給出的目錄層次不建議超過5層的。本目錄的層次結構如下:2,用navigator標籤直接實現 文字跳轉但是,問題來了》》 在這裡提一個很詭異的問

程序--頁面常用的兩種方法

avi mage site product 小程序 src bsp XML 兩種 一.bindtap="onProductsItemTap"綁定點擊跳轉事件 在.wxml文件中綁定 在.js文件中實現綁定事件函數 二.navigator標簽配合URL跳轉

程序分析

tab 切換 ID 頁面重定向 定義 PE 按順序 avi direct 一個 對於路由的觸發方式以及頁面生命周期函數如下: 路由方式觸發時機路由前頁面路由後頁面 初始化 小程序打開的第一個頁面 onLoad, onShow 打開

程式H5頁面

主頁面:index.wxml 主頁面:index.js ↑跳轉到另一個wxml頁面→recharge.wxml recharge.wxml web-view中設定跳轉h5的連結,可以加上需要的引數: tips: 1.首先,web-view元件的屬性src,正如你說看到的,這個就是設

程式語音文字外掛--------wepydome

專案用wepy寫的以 wepy為例 export default class extends wepy.app { ..............    // 在app.json檔案中引入微信同聲傳譯外掛 plugins: {   &nb

程式外掛matlab版本

本程式是基於MATLAB與ADB進行對安卓手機的控制,ADB是一個安卓除錯軟體,使用該軟體的第一步是開啟手機的USB除錯模式,具體配置請自行百度,在壓縮包裡面已經自帶了ADB。 本程式關鍵點檢測目標平

程式小結

通過抓包修改方式的: https://www.v2ex.com/t/419056?p=4 https://zhuanlan.zhihu.com/p/32489227 通過adb方式的: https://github.com/Prinsphield/Wechat_AutoJu

程式java程式碼手動刷分程式碼教程

 //建立視窗 //建構函式 public jump2(){  super("微信跳一跳");  //設定視窗的大小  this.setSize(400, 805);  this.dispose();  //去除邊框  this.setUndecorated(true);  //設定視窗是否可見  this.