当前位置:韦德娱乐1946 > 财经资讯 > js剖断主流浏览器类型和版本号的简易实现代码,

js剖断主流浏览器类型和版本号的简易实现代码,

文章作者:财经资讯 上传时间:2019-10-22

据报道,火狐浏览器将会在未来的Web浏览器版本中加多默许阻止加密打井恶意软件脚本。Mozilla产品副经理Nguyen表露,假设可行的话,客商大概会在Firefox 63版本中启用它们。

你大概感兴趣的稿子:

  • js推断浏览器版本以至浏览器内核的点子
  • js剖断浏览器类型,版本的代码(附多少个实例代码)
  • js推断IE浏览器版本过低示例代码
  • js决断运营jsp页面包车型客车浏览器类型以致版本示例
  • JS判定浏览器类型与版本的兑当代码
  • javascript判断ie浏览器6/7版本加载不一样样式表的完毕代码
  • 认清浏览器的javascript版本的代码
  • JavaScript 判别浏览器类型及版本
  • JS通过深入分析userAgent属性来剖断浏览器的品类及版本
  • JavaScript判定浏览器及其版本消息

Firefox 浏览器

火狐浏览器得分三种景况处理。

  1. 当火狐的版本<=47时,大家无需额外的设置。那时候只要设置时未有动用暗中同意安装路线,那么和动用暗中同意安装路线在代码管理上会有一些差别:
  • 暗许安装路线,大家得以一贯实例化三个FirefoxDriver,便可:
    public static void main(String args[]) {
        openFirefoxDef();
    }

    private static void openFirefoxDef(){
 //       实例化 FirefoxDriver, 启动Firefox
        WebDriver driver = new FirefoxDriver();
    }
  • 生机勃勃旦火狐不是暗许安装路线,你供给拟订火狐按路线:
    public static void main(String args[]) {
        openFireFoxTest();
    }
    public void openFireFoxTest(){
//        指定firefox 安装路径
        System.setProperty("webdriver.firefox.bin","C:\Program Files (x86)\Mozilla Firefox\firefox.exe");
//        启动firefox浏览器
        WebDriver driver = new FirefoxDriver();
    }
  1. 当火狐版本V48+时,那么想运行火狐浏览器,我们得去下载火狐对应的geckodriver。下载地址:https://github.com/mozilla/geckodriver/releases,基本下载最新版便可。那么笔者看下那时大家怎么样运维Firefox:
    public static void main(String args[]) {
        openFirefoxByGeck();
    }
    private static void openFirefoxByGeck() {
//        设置系统变量,并设置 geckodriver 的路径为系统属性值
        System.setProperty("webdriver.gecko.driver", ".\drivers\geckodriver.exe");
//        实例化 FirefoxDriver
        WebDriver driver = new FirefoxDriver();
    }

今昔的互连网中,浏览器能够说是太多太多了,但是多数都以换壳不换心,基本上主流的浏览器依然火狐,Google,IE,safrai这两种相比分布,所以在大家的开采中,有时候需求蒙受判别客商正在利用什么浏览器以至选拔的本子是不怎么,并基于重返值,授予一定的晋升,上边,笔者就轻巧的介绍大器晚成种决断客商浏览器的运用情形的代码。

启动IE浏览器

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;

/**
 * Created by 米阳 on 7/9/2017.
 */
public class OpenBrowserTest {

    public static void main(String args[]) {
        openIE();
    }

    private static void openIE() {
//        设置系统变量,并设置iedriver的路径为系统属性值
        System.setProperty("webdriver.ie.driver", ".\drivers\IEDriverServer.exe");
//        实例化 InternetExplorerDriver
        WebDriver driver = new InternetExplorerDriver();
    }

}
var distinguishBrowser= function browserInfo() {
      var browser = {
//            IE浏览器
            msie: false,
//            谷歌浏览器
            chrome: false,
//            火狐浏览器
            firefox: false,
//            opera浏览器
            opera: false,
//             safrai浏览器
            safari: false,
//            正在使用的浏览器的名字
            name: 'unknown',
//            正使用浏览器的版本号
            version: 0
          },
          userAgent = window.navigator.userAgent.toLowerCase();
//      使用正则对用户当前浏览器进行判断
      if (/(msie|chrome|firefox|opera|netscape)D+(d[d.]*)/.test(userAgent)) {
        browser[RegExp.$1] = true;
        browser.name = RegExp.$1;
        browser.version = RegExp.$2;
      } else if (/versionD+(d[d.]*).*safari/.test(userAgent)) {
        browser.safari = true;
        browser.name = 'safari';
        browser.version = RegExp.$2;
      }
      return browser;
    }

    var browserr = browserInfo();
    if (mybi.msie) {
      console.log(browserr.version);
    } else {
      console.log(browserr.name + ' ' + browserr.version);
    }

  })()

IE的配置

布局IE,展开IE选项,展开安全标签,如下图,设置红框部分,设置各区的 “运转爱护格局”,要嘛都勾选,要嘛都不勾选。

图片 1

IE 设置

如上这篇js决断主流浏览器类型和版本号的简短实今世码正是小编分享给大家的全体内容了,希望能给我们贰个参照,也期望大家多多照拂脚本之家。

准备

Edge跟IE类似,一样我们要求去下载对应的driver,下载地址:https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/ ,必要小心的是依据你上边所查到的种类版本去下载对应的MicrosoftWebDriver,不然会报错。而且下载有三种生气勃勃种是MicrosoftWebDriver.exe文件,如火如荼种是MicrosoftWebDriver.msi文件,假令你下载到的是.msi文件,那就双击运维按常规软件设置便可。如若您下载到的是MicrosoftWebDriver.exe文件,这就平素剪切放进项目标drivers文件夹中:

ChromeDriver下载地址:

chromedriver下载时也急需下载到匹配的本子,特别是chrome浏览器和chromedriver的版本供给般配。那怎么着查看自身的chrome需求下载哪个版本的chromedriver呢?平常选择新型版的chrome和流行版的chromedriver便可,但万龙马精神您不用都以风靡版的,那么能够到:https://sites.google.com/a/chromium.org/chromedriver/downloads那中间去查看见你的哪些版本的chromedriver辅助你所选取的chrome版本。

当明显好切合您使用的chromedriver版本时,能够到http://chromedriver.storage.googleapis.com/index.html,国内顾客也足以到天猫npm镜像(http://npm.taobao.org/mirrors/chromedriver)去下载对应版本的chromedriver版本。最终将下载下来的chromedriver解压后放于跟IEDriverServer.exe 相同地点,如下图:

图片 2

chromedriver.png

IEDriverServer下载和配置

支撑版本:

  • Selenium 2.0 支持IE 7~11
  • Selenium 3.0 支持IE 9+

IEDriverServer下载:

笔者们能够从 http://selenium-release.storage.googleapis.com/index.html 下载,借使该地点打不开,可以用天猫的镜像地址:https://npm.taobao.org/mirrors/selenium/。

IEDriverServer 下载时得注意,你用的是哪些版本的Selenium 就在对应版本里面找IEDriverServer。
比如说大家以后用的是Selenium 3.5.0版本,那么我们就到3.5文书之中去下载对应的IEDriverServer,下载时还得根据自身的系统和本子。例如笔者是win 61人,那么小编得以下载IEDriverServer_x64_3.5.0.zip,下载实现后解压获得终极的IEDriverServer.exe文件。

下载实现后的,我们重返新建好的Senlenium maven项目工程(新建进度:http://www.jianshu.com/p/6ca7bbcdf2dd ),在项目名中我们得以新建个名叫drivers的文本夹,再把曾经下载好的IEDriverServer.exe文件复制到该新建的drivers文件夹中,最后工程目录结果如下:

图片 3

工程组织

WebDriver 扶植什么浏览器

WebDriver 辅助主流的浏览器包含IE,Chrome,Firefox,Safari等等,微软Win 10 新生产的艾德ge浏览器,Selenium 2.47.1+版本开端也获取帮忙。

作者们在“Selenium 家族介绍“ 后生可畏节中生机勃勃度清楚WebDriver的办事原理,既每种浏览器皆有关照的二个Driver,通过以之对应的Driver来驱动浏览器,那大家在运维浏览器前,得先完毕浏览器的陈设,下载各种浏览器对应的Driver文件。

既然WebDriver是用以Web的UI自动化测验,那么测量检验Web的首先步正是开发银行浏览器。那WebDriver都扶持什么浏览器呢?

我们已经创办了Selenium maven工程,下去开端真的步向到WebDriver的实战中。

Edge浏览器

win 10 系统微软推出了全新的Edge浏览器,同样上面提到Selenium 2.47.1版本最初开始协助那风姿洒脱浏览器,不过你的Win 10的build版本必需大于或许等于10240版本也等于说您的edge浏览器版本需假使10240本子以上,这怎么去查看自身的系统版本,相当粗略展开调整台,输入ver,彰显如下的。

图片 4

image.png

平时edge版本跟系统版本是如出意气风发辙的,可是借使您真的想查看edge版本,只须求开拓edge的安装,便可以知道到:

图片 5

image.png

其余值得注意的是从微软官方 https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/webdriver-commands/ 中大家能够识破,假诺你想采用XPath Selector(后边会讲这种重大的页面定位方式)那么你的build版本须求大于等于10586。

图片 6

Paste_Image.png

假如你的系统知足须要,那恭喜您可以继续往下。

启动Edge浏览器

咱俩依然平昔在OpenBrowser_Test类中增多如下方法:

    public static void main(String args[]) {
        openEdge();
    }

    private static void openEdge() {
//        指定MicrosoftWebDriver路径
        System.setProperty("webdriver.edge.driver", ".\drivers\MicrosoftWebDriver.exe");
//        启动 Edge浏览器
        WebDriver driver = new EdgeDriver();
    }

IE 浏览器

Chrome 浏览器

PhantomJS 浏览器

phantomjs比较特殊的一个浏览器,它完毕了八个无分界面包车型大巴webkit浏览器。固然未有分界面,但dom渲染、js运维、网络访问、canvas/svg绘制等功用都很齐全,在页面抓取、页面输出、自动化测量检验等方面有常见的行使。这些大家前面讲。

终极一个要害补充:
当大家new叁个XXXDriver()时,大家运行的是贰个全新的浏览器(未有预装插件,未有缓存,未有cookies等等)

启动Chrome浏览器

在刚新建的OpenBrowser_Test类中增添如下方法:

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

/**
 * Created by 米阳 on 7/9/2017.
 */
public class OpenBrowserTest {

    public static void main(String args[]) {
        openChrome();
    }

    private static void openChrome() {
//        设置系统变量,并设置chromedriver的路径为系统属性值
        System.setProperty("webdriver.chrome.driver", ".\drivers\chromedriver.exe");
//        实例化ChromeDriver
        WebDriver driver = new ChromeDriver();
    }

}

本文由韦德娱乐1946发布于财经资讯,转载请注明出处:js剖断主流浏览器类型和版本号的简易实现代码,

关键词: