VVFX Browser Upgrade

VVFX 项目浏览器升级提示页

特性检测

filesystem: Modernizr Filesystem detection

使用

使用脚本的方案插入页面。

<script src="https://gw.alipayobjects.com/os/lib/vvfx/browser-upgrade/${packageVersion}/index.js"></script>

配置

在 script 上加入 data-xxx 属性进行配置。

可用配置：

• data-title
• data-subtitle
• data-download-chrome-text
• data-download-chrome-url
• data-download-chrome-icon
• data-download-firefox-text
• data-download-firefox-url
• data-download-firefox-icon
• data-download-edge-text
• data-download-edge-url
• data-download-edge-icon

默认配置：

<script
    src="https://gw.alipayobjects.com/os/lib/vvfx/browser-upgrade/${packageVersion}/index.js"
    data-title="当前浏览器不支持"
    data-subtitle="为了获取最佳的使用体验，请升级浏览器"
    data-download-chrome-text="下载 Chrome"
    data-download-chrome-url="https://www.google.cn/chrome/index.html"
    data-download-chrome-icon="https://mdn.alipayobjects.com/huamei_08cv20/afts/img/A*--rqQ6YLrvkAAAAAAAAAAAAADt-9AQ/original"
    data-download-firefox-text="下载 Firefox"
    data-download-firefox-url="https://www.firefox.com.cn/"
    data-download-firefox-icon="https://mdn.alipayobjects.com/huamei_08cv20/afts/img/A*xoFoSoao_0UAAAAAAAAAAAAADt-9AQ/original"
    data-download-edge-text="下载 Edge"
    data-download-edge-url="https://www.microsoft.com/zh-cn/edge"
    data-download-edge-icon="https://mdn.alipayobjects.com/huamei_08cv20/afts/img/A*kLwGS74yLcAAAAAAAAAAAAAADt-9AQ/original"
></script>

检查

import '@vvfx/browser-upgrade/check'

该模块的副作用会自动检查浏览器升级提示是否工作，如工作将阻塞后续代码的执行，需要放到工程代码启动前执行 check。