原生脚本超级WebView带自定义菜单项
为所有原生脚本应用提供出色的WebView!
npm i --save nativescript-awesome-webview-with-custom-menu-items

原生脚本超级WebView带自定义菜单项

这是一个适用于NativeScript {N}的WebView插件,在Android中使用Chrome自定义标签页,在iOS中使用SFSafariViewController。它很,因为现在你可以使用系统的默认浏览器,让人们可以跨网站保持活跃的登录状态(而不是需要在你的应用WebView的范围内重新登录网站)。这意味着自定义标签页(或Safari视图)加载速度非常快!此外,你可以设置自定义标签页/ Safari视图的标题栏和控制按钮的颜色。

先决条件/需求

目前,没有先决条件。它应该在任何设备、任何操作系统上工作。

安装

对于tns项目(Angular、TypeScript、JavaScript)

tns plugin add nativescript-awesome-webview-with-custom-menu-items

对于vue-cli项目(Nativescript-Vue)

npm install nativescript-awesome-webview-with-custom-menu-items

使用方法

要求

JavaScript -

const {init, openWebView} = require('nativescript-awesome-webview-with-custom-menu-items');

Typescript -

import {init, openWebView} from 'nativescript-awesome-webview-with-custom-menu-items';

1. 初始化(可选,仅限Android)

init()

注意:这将在Android上预热Chrome自定义标签页。有关详细信息,请查看此

在iOS上调用init()没有任何作用。所以如果你为两个操作系统编写代码,在iOS上调用这个函数不会有什么伤害。

2. 打开一个URL

    openWebView({
url: 'http://google.com',
toolbarColor: '#2277aa',
toolbarControlsColor: '#eebb99'
});

openWebView选项

AwesomeWebviewOptions结构(传递给openWebView的对象)

属性 默认 描述
url 必需 要打开的URL
showTitle false 在WebView中显示标题栏
toolbarColor undefined 工具栏颜色
toolbarControlsColor undefined (仅限iOS)工具栏按钮的颜色
isClosed undefined 当WebView关闭时将被调用的回调函数

许可

这是免费的、开源的、随意使用的软件。我真的不在乎。但如果你需要官方许可 -

Apache License Version 2.0, January 2004