Class LeapBrowser

这个类的作用是检测当前浏览器的类型和版本，并提供了一些静态属性来表示不同的浏览器类型和特征。它还提供了一些静态方法来初始化和检测浏览器模式和版本。

Description

在下述示例中，我们首先调用 LeapBrowser.init() 方法来初始化浏览器信息。然后，我们使用 LeapBrowser 类的一些静态属性和方法来检测浏览器类型和特征。如果当前浏览器是 IE 浏览器，则输出一条包含版本号的消息。如果当前浏览器不支持事件绑定，则输出一条相应的消息。最后，我们检测页面的 CSS 模式，并输出相应的消息。

Example

// 初始化 LeapBrowser，检测浏览器模式和版本。
 LeapBrowser.init();

 // 检测是否为 IE 浏览器。
 if (LeapBrowser.isIE) {
   console.log('This is Internet Explorer.');
 }

 // 检测 IE 版本号。
 if (LeapBrowser.IEVersion !== null && LeapBrowser.IEVersion < 11) {
   console.log(`This is an old version of Internet Explorer (version ${LeapBrowser.IEVersion}).`);
 }

 // 检测是否支持事件绑定。
 if (LeapBrowser.notSupportBindEvent) {
   console.log('This browser does not support event binding using addEventListener.');
 }

 // 检测页面的 CSS 模式。
 if (LeapBrowser.cssmode === 1) {
   console.log('This page is in standard mode (CSS1Compat).');
 } else if (LeapBrowser.cssmode === 2) {
   console.log('This page is in quirks mode.');
 }

Hierarchy

  • LeapBrowser

Constructors

constructor

Properties

IEVersion browserName cssmode documentMode isAndroid isChrome isGecko isIE isKonqueror isSafari isWebKit notSupportBindEvent style_old

Methods

init

Constructors

constructor

Properties

Static IEVersion

IEVersion: null | number = null

IE 浏览器的版本号。如果当前浏览器不是 IE，则该值为 null。

Static browserName

browserName: string = ...

当前浏览器名称，全部转换为小写字符串。

Static cssmode

cssmode: null | number = null

页面的 CSS 模式，0 表示未定义，1 表示标准模式（CSS1Compat），2 表示混杂模式。

Static documentMode

documentMode: undefined | number

页面的文档模式（仅 IE 浏览器支持）。

Static isAndroid

isAndroid: boolean = ...

是否为 Android 系统的浏览器。

Static isChrome

isChrome: boolean = ...

是否为 Chrome 浏览器。

Static isGecko

isGecko: boolean = ...

是否为 Gecko 引擎的浏览器（例如 Firefox）。

Static isIE

isIE: boolean = ...

是否为 Internet Explorer 浏览器。

Static isKonqueror

isKonqueror: boolean = ...

是否为 Konqueror 浏览器。

Static isSafari

isSafari: boolean = ...

是否为 Safari 浏览器。

Static isWebKit

isWebKit: boolean = ...

是否为 WebKit 内核的浏览器。

Static notSupportBindEvent

notSupportBindEvent: boolean = ...

是否不支持事件绑定，例如使用 addEventListener。

Static style_old

style_old: boolean = ...

是否为旧版 IE 浏览器（IE 6 及以下版本）。

Methods

Static init

  • 初始化 LeapBrowser 类，检测浏览器模式和版本。

    Description

    在下述示例中，我们通过监听 window.onload 事件，在页面加载完毕后调用 LeapBrowser.init() 方法来初始化浏览器信息，并输出一些浏览器相关的信息。如果当前浏览器是 IE 浏览器，则输出 IE 版本号。如果当前浏览器是 Google Chrome 或 Safari 浏览器，则分别输出相应的消息。最后，我们检测页面的 CSS 模式，并输出相应的消息。

    Example

    window.onload = () => {
     // 初始化 LeapBrowser，检测浏览器模式和版本。
     LeapBrowser.init();

     // 输出浏览器类型和版本信息。
     console.log(`Browser: ${LeapBrowser.browserName}`);
     if (LeapBrowser.isIE) {
       console.log(`IE version: ${LeapBrowser.IEVersion}`);
     }
     if (LeapBrowser.isChrome) {
       console.log('This is Google Chrome browser.');
     }
     if (LeapBrowser.isSafari) {
       console.log('This is Safari browser.');
     }

     // 输出页面的 CSS 模式。
     if (LeapBrowser.cssmode === 1) {
       console.log('This page is in standard mode (CSS1Compat).');
     } else if (LeapBrowser.cssmode === 2) {
       console.log('This page is in quirks mode.');
     }
    };

    Returns void

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc