Unable to verify the project's public source code repository.

lofter-navigate

v0.10.9

目前LOFTER APP内支持使用scheme唤起新WebView打开指定的H5 url，该功能带来的浏览体验比使用`location.href`跳转要好（页面滚动位置的保留、手势支持、过场动画等），所以在端内页面的跳转推荐优先使用scheme方案。同时，需要与客户端约定能够同时打开WebView的最大个数，以防占用过大内存或者性能造成APP崩溃、卡顿等问题。 For more information about how to use this package see README

Latest version published 4 days ago

License: MIT

NPM

Package Health Score

61 / 100

security
No known security issues
popularity
Limited
maintenance
Sustainable
community
Limited

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version			Vulnerabilities	License Risk
0.10.9	\|	11/2024	0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.10.7	\|	06/2024	0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.9.2	\|	09/2023	0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.8.7	\|	04/2023	0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.7.0	\|	08/2022	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (118)

GitHub Stars: ?
Forks: ?
Contributors: -

Direct Usage Popularity

The npm package lofter-navigate receives a total of 118 downloads a week. As such, we scored lofter-navigate popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package lofter-navigate, we found that it has been starred ? times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 0
Funding: No

This project has seen only 10 or less contributors.

Embed Package Health Score Badge

Maintenance

Sustainable

Commit Frequency

Unavailable commit data

Open Issues: ?
Open PR: ?
Last Release: 4 days ago
Last Commit: unknown

Further analysis of the maintenance status of lofter-navigate based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Sustainable.

We found that lofter-navigate demonstrates a positive version release cadence with at least one new version released in the past 3 months.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: >=10

Age: 3 years
Dependencies: 2 Direct
Versions: 29
Install Size: 28.7 kB
Dist-tags: 1
# of Files: 14
Maintainers: 11
TS Typings: No

lofter-navigate has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

LOFTER 统一跳转方法

背景

目前LOFTER APP内支持使用scheme唤起新WebView打开指定的H5 url，该功能带来的浏览体验比使用location.href跳转要好（页面滚动位置的保留、手势支持、过场动画等），所以在端内页面的跳转推荐优先使用scheme方案。同时，需要与客户端约定能够同时打开WebView的最大个数，以防占用过大内存或者性能造成APP崩溃、卡顿等问题。

方案

与客户端约定，最大能够同时打开WebView的个数为10个，超过10个的情况下，再次调用scheme，打开新WebView的同时关闭最早的一个WebView。
客户端增加一个JSBridge协议，支持H5通过该协议获取当前App已打开的WebView数量。
前端封装统一的跳转方法，端外及不支持上述JSBridge协议的客户端内使用location.href跳转新url，在支持该协议的App端内使用Scheme触发新WebView打开
前端统一跳转方法在通过JSBridge协议获取到当前WebView栈个数达到10个时，回退到location.href的方式进行跳转，防止出现预期之外的WebView页面栈丢失

使用

es module引入

import {
  go,
  close,
  openWithLocation,
  openWithWebview,
} from 'lofter-navigate'

go('https://www.lofter.com')

浏览器直接引入

<button style="display: block; margin: 20px 0" id="control">带有页面栈数量控制的跳转按钮</button>

注意

可以单独引用本SDK提供的close、openWithLocation、openWithWebview方法，但是要自行控制好页面栈数量和使用时机。
不是所有的场景都适用新WebView打开这一客户端功能，需要注意区分和鉴别。
go方法可以传递第二个参数maxCount，正整数类型，表示当前最大允许打开的WebView数量，默认不传时为10
openWithWebview可以传递第二个参数params，不传默认为{inside: true}，如果需要在7.5.6版本打开透明WebView，可以传{inside: true, opacity: true},如果需要添加webview 背景颜色,不带#的色值，可以传{inside: true, opacity: true, bgColor: '213213'}

lofter-navigate dependencies

nejsbridge nw-detect

lofter-navigate development dependencies

@size-limit/preset-small-lib husky size-limit tsdx tslib typescript

FAQs

What is lofter-navigate?

目前LOFTER APP内支持使用scheme唤起新WebView打开指定的H5 url，该功能带来的浏览体验比使用`location.href`跳转要好（页面滚动位置的保留、手势支持、过场动画等），所以在端内页面的跳转推荐优先使用sch... Visit Snyk Advisor to see a full health score report for lofter-navigate, including popularity, security, maintenance & community analysis.

Is lofter-navigate popular?

The npm package lofter-navigate receives a total of 118 weekly downloads. As such, lofter-navigate popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is lofter-navigate safe to use?

The npm package lofter-navigate was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 16 November-2024, at 02:14 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP