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

日期:2019-09-29编辑作者:财经资讯

据报道,火狐浏览器将会在未来的Web浏览器版本中加多暗中同意阻止加密打井恶意软件脚本。Mozilla产品副主任Nguyen表露,假若可行的话,客户或者会在Firefox 63版本中启用它们。

今昔的网络中,浏览器能够说是太多太多了,可是一大半都以换壳不换心,基本上主流的浏览器依旧火狐,Google,IE,safrai这两种比较常见,所以在大家的开支中,不时候须要碰着判断客商正在使用什么浏览器以及利用的本子是稍稍,并基于再次来到值,给予肯定的提醒,上边,作者就简单的牵线一种推断顾客浏览器的使用景况的代码。

我们曾经创制了Selenium maven工程,下去最早真正走入到WebDriver的实战中。

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);
    }

  })()

既然WebDriver是用以Web的UI自动化测验,那么测量试验Web的首先步正是运维浏览器。那WebDriver都支持什么浏览器呢?

如上那篇js剖断主流浏览器类型和版本号的简短完毕代码正是笔者分享给大家的全体内容了,希望能给大家一个参照,也冀望我们多多指教脚本之家。

WebDriver 匡助什么浏览器

WebDriver 援救主流的浏览器包涵IE,Chrome,Firefox,Safari等等,微软Win 10 新生产的Edge浏览器,Selenium 2.47.1+版本开头也获得协助。

咱俩在“Selenium 家族介绍“ 一节中早已领悟WebDriver的做事原理,既每一个浏览器都有照拂的二个Driver,通过以之相应的Driver来驱动浏览器,那大家在开行浏览器前,得先达成浏览器的配备,下载各类浏览器对应的Driver文件。

您大概感兴趣的稿子:

  • js判别浏览器版本以及浏览器内核的措施
  • js判定浏览器类型,版本的代码(附多少个实例代码)
  • js决断IE浏览器版本过低示例代码
  • js推断运营jsp页面包车型客车浏览器类型以及版本示例
  • JS剖断浏览器类型与版本的兑当代码
  • javascript判别ie浏览器6/7版本加载分化式表的完成代码
  • 认清浏览器的javascript版本的代码
  • JavaScript 判别浏览器类型及版本
  • JS通过分析userAgent属性来判别浏览器的花色及版本
  • JavaScript判别浏览器及其版本新闻

IE 浏览器

支撑版本:

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

IEDriverServer下载和布局

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 陆十人,那么本身能够下载IEDriverServer_x64_3.5.0.zip,下载完结后解压得到最后的IEDriverServer.exe文件。

下载达成后的,大家回来新建好的Senlenium maven项目工程(新建进程:http://www.jianshu.com/p/6ca7bbcdf2dd ),在品种名中我们能够新建个名称叫drivers的公文夹,再把曾经下载好的IEDriverServer.exe文件复制到该新建的drivers文件夹中,最后工程目录结果如下:

图片 1

工程结构

IE的配置

配置IE,打开IE选项,展开安全标签,如下图,设置红框部分,设置每个地方的 “运转敬爱形式”,要嘛都勾选,要嘛都不勾选。

图片 2

IE 设置

启动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();
    }

}

Chrome 浏览器

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 一样地点,如下图:

图片 3

chromedriver.png

启动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();
    }

}

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();
    }

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跟IE类似,同样大家供给去下载对应的driver,下载地址:https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/ ,要求注意的是基于你上边所查到的种类版本去下载对应的MicrosoftWebDriver,不然会报错。而且下载有二种一种是MicrosoftWebDriver.exe文件,一种是MicrosoftWebDriver.msi文件,若是你下载到的是.msi文件,那就双击运转按常规软件设置便可。假如您下载到的是MicrosoftWebDriver.exe文件,那就平昔剪切放进项指标drivers文件夹中:

启动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();
    }

PhantomJS 浏览器

phantomjs对比特出的三个浏览器,它实现了二个无分界面包车型地铁webkit浏览器。固然并未有分界面,但dom渲染、js运营、互连网访谈、canvas/svg绘制等成效都很齐全,在页面抓取、页面输出、自动化测量检验等地方有广大的行使。这几个我们前边讲。

聊到底叁个重大补充:
当大家new一个XXXDriver()时,大家运行的是三个全新的浏览器(未有预装插件,未有缓存,未有cookies等等)

本文由必威官网下载app发布于财经资讯,转载请注明出处:js判断主流浏览器类型和版本号的简单实现代码,

关键词:

严重威胁互联网网络安全,工信部发布Q2网络安全

工信部网站9月3日发布2018年第二季度网络安全威胁态势分析与工作综述。 2月1日-2日,2018工业互联网峰会主题论坛活...

详细>>

2018年上半年我国区块链等技术发展势头向好,量

中国网信网发文称,2018年上半年,我国在量子信息技术、天地通讯、类脑计算、AR/VR/MR、人工智能、区块链、超级计...

详细>>

以太坊源码资料,谷歌云数据分析引擎BigQuery增加

据TNW消息,谷歌云数据分析引擎BigQuery新增了一款用于分析以太坊网络的新插件,用户现在可以读取存储在以太坊区块...

详细>>

迪拜多商品中心已授权区块链公司开发相关服务

据印度媒体广播发表,迪拜多商品为主(DMCC)已授权区块链商家GlobalBlockchainTechnologies为贸易金融行当支付区块链劳务...

详细>>