GVKun编程网logo

判断几种主流浏览器(IE、Mozilla Firefox、chrome、safari、opera 等)内核(即排版引擎)及 IE 浏览器版本的 JS 代码

11

如果您对判断几种主流浏览器感兴趣,那么本文将是一篇不错的选择,我们将为您详在本文中,您将会了解到关于判断几种主流浏览器的详细内容,我们还将为您解答IE、MozillaFirefox、chrome、sa

如果您对判断几种主流浏览器感兴趣,那么本文将是一篇不错的选择,我们将为您详在本文中,您将会了解到关于判断几种主流浏览器的详细内容,我们还将为您解答IE、Mozilla Firefox、chrome、safari、opera 等内核的相关问题,并且为您提供关于360浏览器,报错jQuery undefined,其他浏览器如Firefox、Chrome正常、Chrome、Firefox、Edge、IE、Opera之间的恩怨纠葛、chrome、Firefox、IE浏览器和驱动下载地址、Chrome、Safari 和 Firefox 中的用户代理减少的有价值信息。

本文目录一览:

判断几种主流浏览器(IE、Mozilla Firefox、chrome、safari、opera 等)内核(即排版引擎)及 IE 浏览器版本的 JS 代码

判断几种主流浏览器(IE、Mozilla Firefox、chrome、safari、opera 等)内核(即排版引擎)及 IE 浏览器版本的 JS 代码

var browser = function () {
    var support = {
        //trident:IE浏览器内核
        trident: window.ActiveXObject !== undefined,
        //gecko:Mozilla Firefox浏览器内核
        gecko: !!window.netscape,
        //webkit:chrome、safari浏览器内核
        webkit: !!navigator.vendor,
        //opera:opera浏览器内核
        opera: !!window.opera
    }
    return support;
};

var ieBrowserModel = function () {
    var ieModel = {
        //documentMode返回IE浏览器版本号version,表示当前IE以哪个版本渲染页面,IE9-9,IE8-8,IE7-7,IE5-5
        documentMode: document.documentMode,
        //compatModel表示当前Ie兼容模式,返回两种可能的值:BackCompat和Css1Compat
        //Css1Compat表示standards model(标准兼容模式),BackCompat表示quirks model(怪癖模式)
        compatModel: document.compatMode
    }
    return ieModel;
};

还有一种方式:

var length = [1, 2, ].length;

IE6/7/8 中 length 为 3,IE9 及其它浏览器 length 为 2

360浏览器,报错jQuery undefined,其他浏览器如Firefox、Chrome正常

360浏览器,报错jQuery undefined,其他浏览器如Firefox、Chrome正常

其他两个浏览器看起来是正常的。
360的浏览器(7.0版)报这些错。最想不懂的,jQuery里有个JSON未定义?为什么?
我是先引用jQuery再引入Bootstrap的,请看截图。




Chrome、Firefox、Edge、IE、Opera之间的恩怨纠葛

Chrome、Firefox、Edge、IE、Opera之间的恩怨纠葛

测试环境:操作系统为Windows10-64位
目标:安装五大浏览器及其驱动

一、谷歌浏览器

1.Google Chrome的安装

建议从腾讯电脑管家的软件管理里面下载最新的64位版本。
在这里插入图片描述

2.chromedriver的下载

(1)打开谷歌浏览器,点击右上角的三个点,选择帮助-》关于Google Chrome,点击进去。
在这里插入图片描述
(2)可以看到,我的浏览器版本为Google Chrome 80.0.3987.163的64位版本
在这里插入图片描述
(3)从淘宝官网下载驱动,选择对应的版本。
https://npm.taobao.org/mirrors/chromedriver
在这里插入图片描述
80为大版本号,0.3987.163为小版本号;
驱动和浏览器的大版本号必须一致,驱动的小版本号必须大于或者等于浏览器的小版本号。







(4)接下来按需下载,解压得到chromedriver.exe文件即可。
在这里插入图片描述
(5)存放chromedriver
chromedriver.exe复制到Python的安装目录下即可。
与python.exe的存放位置是一样的。



二、火狐浏览器

1.Firefox的安装

建议从腾讯电脑管家的软件管理里面下载最新的64位版本。
在这里插入图片描述

2.geckodriver的下载

(1)从github下载最新的驱动即可。
https://github.com/mozilla/geckodriver/releases
在这里插入图片描述
为了各位小伙伴方便下载,geckodriver.exe文件已放至百度网盘。
链接: https://pan.baidu.com/s/1D0KLxN2chi-9tzLWn60cDA 提取码: leaf



(2)解压得到geckodriver.exe文件。

(3)存放geckodriver
geckodriver.exe复制到Python的安装目录下即可。
与python.exe的存放位置是一样的。

三、Edge浏览器

1.Microsoft Edge的安装

请在微软官网下载最新的Edge浏览器的安装包文件MicrosoftEdgeSetup.exe,点击Download,点击接受并下载即可。
https://www.microsoft.com/en-us/edge
在这里插入图片描述
在这里插入图片描述
另外,http://dl.delivery.mp.microsoft.com/filestreamingservice/files/812c141f-8680-4aaa-83d2-f99316588162/MicrosoftEdgeEnterpriseX64.msi
该链接也提供了Edge浏览器的安装包文件MicrosoftEdgeEnterpriseX64.msi的下载。
为了各位方便下载,MicrosoftEdgeSetup.exe文件和MicrosoftEdgeEnterpriseX64.msi文件已放至我们的百度网盘,任选其一进行下载即可。
链接: https://pan.baidu.com/s/1D0KLxN2chi-9tzLWn60cDA 提取码: leaf
最后,以默认的方式安装就好。







2.MicrosoftWebDriver的下载

(1)首先打开Edge浏览器,点击右上角的三个点,依次选择帮助和反馈-》关于Microsoft Edge,点击一下。
在这里插入图片描述
(2)可以看到,我的浏览器版本为Microsoft Edge 80.0.361.109的64位版本。
在这里插入图片描述
(3)在微软官网下载对应版本的驱动即可。
https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver
在这里插入图片描述
(4)点击“full version directory”,进入到一个目录,寻找到自己对应版本的文件夹,然后进去。
在这里插入图片描述
(5)下载到对应的系统驱动文件即可。
在这里插入图片描述
(6)下载到本地后解压,将msedgedriver.exe文件重命名MicrosoftWebDriver.exe即可。
在这里插入图片描述
如果不重命名,在RIDE中可能会出现如下错误:
INFO : Cannot capture screenshot because no browser is open.
FAIL : WebDriverException: Message: ''MicrosoftWebDriver.exe'' executable needs to be in PATH. Please download from http://go.microsoft.com/fwlink/?LinkId=619687














该版本的MicrosoftWebDriver.exe也放至了百度网盘,请按需下载。
链接: https://pan.baidu.com/s/1D0KLxN2chi-9tzLWn60cDA 提取码: leaf

(7)存放MicrosoftWebDriver
MicrosoftWebDriver.exe复制到Python的安装目录下即可。
与python.exe的存放位置是一样的。

四、IE浏览器

1.Internet Explorer的安装

由于Windows10自带IE浏览器,所以此处不提供IE浏览器的下载安装方法。

2.IEDriverServer的下载

(1)首先打开IE浏览器
在这里插入图片描述
(2)点击设置-》Internet选项
在这里插入图片描述
(3)点击“安全”,将“Internet”、“本地Intranet”、“受信任的站点”、“受限制的站点”里面的“启用保护模式”全部勾选,点击确定,重启IE浏览器。
在这里插入图片描述
如果不做这一步,那么在RIDE中可能会出现如下错误:
INFO : Cannot capture screenshot because no browser is open.
FAIL : SessionNotCreatedException: Message: Unexpected error launching Internet Explorer. Protected Mode settings are not the same for all zones. Enable Protected Mode must be set to the same value (enabled or disabled) for all zones.







(4)查看selenium版本
在cmd窗口中执行命令
pip show selenium
在这里插入图片描述
可以看到,目前我的selenium版本为3.141.0;



(5)下载IEDriverServer
目前可以从以下网站获取到IEDriverServer,
http://selenium-release.storage.googleapis.com/index.html
根据自己的selenium版本,选择对应的IEDriverServer进行下载,找到属于自己selenium版本的文件夹,点击进去,按需下载即可。
在这里插入图片描述
在这里插入图片描述
下载后解压得到IEDriverServer.exe即可。





(6)存放IEDriverServer
IEDriverServer.exe复制到Python的安装目录下即可。
与python.exe的存放位置是一样的。

3.IE浏览器获取xpath

(1)使用的工具Fire-IEBrowser1.4.xlsm已放至我们的百度网盘链接。
链接: https://pan.baidu.com/s/1D0KLxN2chi-9tzLWn60cDA 提取码: leaf
(2)以Excel格式打开,请启用宏,点击Proceed。
(3)输入URL,点击Load,若弹框,点击“是”。
(4)想要点选元素,就右键,然后输入任意字符,点击“确定”。
(5)关闭宏窗口,在表格中就得到了我们想要的xpath。
参考至大佬的这篇文章:
https://www.cnblogs.com/linbo3168/p/6553436.html






五、Opera浏览器

1.Opera的安装

(1)由于Opera官网下载较慢,于是也提供在了下方的百度网盘链接。
链接: https://pan.baidu.com/s/1D0KLxN2chi-9tzLWn60cDA 提取码: leaf
(2)得到OperaSetup.exe这个文件就可以了。
(3)感兴趣的小伙伴也可以在Opera官网进行下载。
https://www.opera.com/zh-cn
在这里插入图片描述
(4)双击OperaSetup.exe这个文件进行Opera浏览器的安装。
(5)点击“选项”
在这里插入图片描述
(6)注意每一个细节,点击安装,等待安装完成就好了。
在这里插入图片描述
注意事项
①语言默认选择“中文(中国)”
②安装方法默认选择“此计算机上的所有用户”
③安装路径默认在C盘下,默认不是C盘的请安装在C盘该路径下:C:\Program Files\Opera
安装之前将你的安装路径删除干净
无法删除的,请打开任务管理器将Opera Installer的进程结束。















如果你没有遵循以上步骤,在RIDE中使用时可能会出现以下错误:
(出现错误后请按此方式重新安装)
INFO : Cannot capture screenshot because no browser is open.
FAIL : WebDriverException: Message: unknown error: cannot find Opera binary


2.operadriver的下载

(1)首先查看Opera的版本
打开Opera浏览器,点击左上角红色的圈圈。
在这里插入图片描述
帮助-》关于Opera(A)
在这里插入图片描述
在这里插入图片描述
可以看到,目前我的浏览器版本为Opera Stable 67;





(2)下载operadriver
目前可以从github上获取到operadriver,
https://github.com/operasoftware/operachromiumdriver/releases
根据自己的Opera版本,选择对应的operadriver进行下载,下载后解压得到operadriver.exe即可。
在这里插入图片描述
当然,之前的百度网盘链接也提供了此文对应版本的operadriver.exe,请按需下载。
链接: https://pan.baidu.com/s/1D0KLxN2chi-9tzLWn60cDA 提取码: leaf
(3)存放operadriver
operadriver.exe复制到Python的安装目录下即可。
与python.exe的存放位置是一样的。








3.更改Opera的开发者工具快捷键为F12

Opera的开发者工具快捷键默认为Ctrl+Shift+I,现在来进行更改。
(1)设置-》高级-》浏览器,往下滑动,找到快捷键,快捷键-》配置快捷键,然后点击那个三角形。
在这里插入图片描述
(2)往下滑动,找到“开发者工具”,将Ctrl+Shift+I删除,点击Type a shortcut,按下F12即可。
在这里插入图片描述



六、总结

浏览器 推荐指数
Google Chrome 9/10
Firefox 6/10
Microsoft Edge 8/10
Internet Explorer 5/10
Opera 7/10

谷歌浏览器一如既往的好用,性能啥的个人感觉是最棒的。

七、彩蛋-查找Python的安装目录

本文使用的是Windows10-64位系统,系统不一样的请自行百度。
1.开始菜单,找到以字母P开头的应用程序,找到Python的应用程序。
在这里插入图片描述
2.右键Python应用程序,选择更多-》打开文件位置
在这里插入图片描述
3.现在就进入了Python应用程序的快捷方式的目录,右键该快捷方式,点击“打开文件所在的位置”
在这里插入图片描述
4.现在就到了Python的安装目录了。
在这里插入图片描述







免责声明:
1.编写此文是为了更好地学习Selenium的使用,如果损害了有关人的利益,请联系删除;
2.如果文中描述欠妥,请在评论中进行指正;
3.文字编写不易,若感觉有用,点赞收藏关注会让博主很开心哦;
4.此外,本文支持任何形式的转载,转载请注明出处,非常感谢!!!



chrome、Firefox、IE浏览器和驱动下载地址

chrome、Firefox、IE浏览器和驱动下载地址

一、Firefox和驱动下载地址

  selenium2.X最高支持的Firefox版本为46,使用selenium2.X的话不需要下载火狐驱动,只需要配置火狐的启动路径即可。

  Selenium3.0开始需下载geckodriver,想使用geckodriver ,Firefox浏览器必须是48或者更高版本。具体的浏览器和浏览器驱动之间的对应关系可在geckodriver下载网站中的版本说明中查看。

  所有火狐浏览器版本下载地址:http://ftp.mozilla.org/pub/firefox/releases/
  所有火狐驱动geckodriver版本下载地址:https://github.com/mozilla/geckodriver/releases

二 、IE浏览器驱动下载地址

  本人使用的IE和IEDriverServer:

  IE浏览器版本:11   IEDriverServer版本:Win32_3.0.0

  IE浏览器所有驱动版本下载地址:http://selenium-release.storage.googleapis.com/index.html

   

三、chrome和chromedriver版本下载地址及对应关系

  【国外】chromedriver所有版本下载地址:http://chromedriver.storage.googleapis.com/index.html

  【国内】chromedriver所有版本下载地址:https://npm.taobao.org/mirrors/chromedriver

  【国内】chrome所有版本下载地址:https://www.chromedownloads.net/chrome64win/

  【国外】浏览器版本和驱动版本对应关系查看网址:http://chromedriver.chromium.org/downloads

    注意:一个大的chromedriver版本里面可能包含的有多个小版本,如果下载的Chromedriver版本和当前使用的chrome浏览器版本不匹配则可以换其他的试试。

    比如:chromedriver  79版里面有v79.0.3945.16    v79.0.3945.36

 

chromedriver版本 chrome版本 v81.0.4044.20 81 v80.0.3987.16 v80 v79.0.39045.36 v79 v78.0.3904.105 v78 v77.0.3865.40 v77 v76.0.3809.126 v76 v75.0.3770.8 v75 v74.0.3729.6 v74 v73.0.3683.68 v73 V2.46 v71-73 v2.45  v70-72 v2.44 v69-71 v2.43 v69-71 v2.42
v68-70
v2.41
v67-69
v2.40
v66-68
v2.39 v66-68 v2.38 v65-67 v2.37 v64-66 v2.36 v63-65 v2.35 v62-64 v2.34  v61-63 v2.33 v60-62

Chrome、Safari 和 Firefox 中的用户代理减少

Chrome、Safari 和 Firefox 中的用户代理减少

chrome、safari 和 firefox 中的用户代理减少

简介:什么是用户代理减少和客户端提示?

近年来,隐私问题推动了浏览器处理用户代理字符串的方式发生了重大变化。传统上用于识别浏览器和设备信息的用户代理字符串已被减少以限制共享的信息量,从而保护用户隐私。为了解决减少用户代理的局限性,客户端提示作为一种解决方案应运而生,提供了一种更加受控且尊重隐私的方式来共享必要的信息。

在这里阅读完整的博客文章

用户代理字符串简史

user-agent 字符串可以追溯到网络浏览器的早期,从 tim berners-lee 的 worldwideweb 开始。最初,它们很简单,提供基本的浏览器和版本信息。随着时间的推移,它们逐渐演变为包含有关操作系统、设备类型等的详细数据,事实证明这对于网络分析和优化用户体验非常有用。然而,这个细节也启用了设备指纹识别,引发了隐私问题。

什么是用户代理减少?

减少user-agent的目的是尽量减少user-agent字符串中的信息,以保护用户隐私。减少了特定操作系统版本和硬件型号等高熵信息。例如,google 的 chrome 现在报告不太详细的 user-agent 字符串:

  • 之前:mozilla/5.0(linux;android 13;pixel 7)applewebkit/537.36(khtml,如 gecko)chrome/95.2.1.0 mobile safari/537.36
  • 之后:mozilla/5.0(linux;android 10;k)applewebkit/537.36(khtml,如 gecko)chrome/95.0.0.0 mobile safari/537.36

类似地,firefox 和 safari 也实现了自己版本的 user-agent 减少,尽管基于其独特的策略略有不同。

客户端提示如何发挥作用?

客户端提示提供了一种以注重隐私的方式请求有关用户设备和浏览器的特定高熵信息的方法。访问客户端提示有两种主要方法:

  1. http 请求标头: 网站可以使用 http 请求标头请求有关用户浏览器和设备的特定信息。这通常用于第一方环境,确保详细的用户信息只能通过主网站访问,而不能通过第三方资源访问。
  2. javascript api: 客户端提示也可以通过 javascript 中的 navigator.useragentdata 对象访问。这允许动态查询特定信息,例如架构、模型和平台版本,而无需设置额外的标头。

实施客户端提示

使用 http 请求标头

要通过 http 标头实现客户端提示,服务器需要在 http 响应中设置适当的标头,通知浏览器在将来的请求中包含这些提示。例如:

accept-ch: sec-ch-ua-platform-version
登录后复制

来自浏览器的后续请求将包含平台版本:

sec-ch-ua-platform-version: "14.5.0"
登录后复制

使用 javascript api

对于动态应用程序,javascript api 提供了灵活性。例如,使用 gethighentropyvalues 方法:

if (navigator.userAgentData) {
    navigator.userAgentData.getHighEntropyValues([''architecture'', ''model'', ''platformVersion''])
        .then(ua => {
            console.log(ua);
        });
}
登录后复制

给开发者的建议

根据您的具体需求,您可以选择不同的方法来收集用户环境数据:

  • 特征检测:尽可能使用现有的浏览器javascript api。这比依赖用户代理字符串更可靠且面向未来。
  • 低熵信息: 对于设备类型等基本详细信息,用户代理字符串可能仍然足够。
  • 高熵信息:如果需要详细信息并且您可以控制域,请使用客户端提示。

结论

用户代理减少和客户端提示代表了增强用户隐私的重要步骤,同时仍然允许网站收集必要的信息以实现最佳功能。通过理解和实施这些技术,开发人员可以在详细用户数据的需求与隐私和性能考虑之间取得平衡。

在我们详细的博客文章中了解更多信息。

以上就是Chrome、Safari 和 Firefox 中的用户代理减少的详细内容,更多请关注php中文网其它相关文章!

关于判断几种主流浏览器IE、Mozilla Firefox、chrome、safari、opera 等内核的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于360浏览器,报错jQuery undefined,其他浏览器如Firefox、Chrome正常、Chrome、Firefox、Edge、IE、Opera之间的恩怨纠葛、chrome、Firefox、IE浏览器和驱动下载地址、Chrome、Safari 和 Firefox 中的用户代理减少等相关内容,可以在本站寻找。

本文标签: