精华内容
下载资源
问答
  • Node.js应用程序获取浏览器指纹。 依存关系 快速,简单,极简的Web框架 该模块尝试通过检查浏览器的标头和连接信息来唯一标识浏览器。 为什么这个? 该脚本用作内部端点,可为请求该脚本的客户端提供“浏览器指纹...
  • Vue实现浏览器打印功能 实际项目中使用vue实现调用本地打印机打印功能 import vueEasyPrint from “vue-easy-print”; 1.导入 “vue-easy-print” 2.编写打印模板 <!-- 分页 --> 用户昵称 ...
  • 主要介绍了Python使用win32com实现的模拟浏览器功能,结合实例形式分析了Python基于win32com模块实现网页的打开、登陆、加载等功能相关技巧,需要的朋友可以参考下
  • JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

    JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度


       

    网页可见区域宽:document.body.clientWidth
    网页可见区域高:document.body.clientHeight
    网页可见区域宽:document.body.offsetWidth (包括边线的宽)
    网页可见区域高:document.body.offsetHeight (包括边线的宽)
    网页正文全文宽:document.body.scrollWidth
    网页正文全文高:document.body.scrollHeight
    网页被卷去的高:document.body.scrollTop
    网页被卷去的左:document.body.scrollLeft
    网页正文部分上:window.screenTop
    网页正文部分左:window.screenLeft
    屏幕分辨率的高:window.screen.height
    屏幕分辨率的宽:window.screen.width
    屏幕可用工作区高度:window.screen.availHeight
    屏幕可用工作区宽度:window.screen.availWidth


    HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
    scrollHeight: 获取对象的滚动高度。
    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
    scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
    scro
    展开全文
  • 获取浏览器的地理位置信息

    千次阅读 2019-09-28 18:39:44
    有些应用程序需要获取用户的地理位置信息,比较...HTML5定义了Geolocation API规范,可以通过浏览器获取用户的地理位置,这无疑给有相关需求的用户提供了极大的便利。 1、概述 HTML5 Geolocation API 定义了与主...

    有些应用程序需要获取用户的地理位置信息,比较经典的例子就是在显示地图时标注自己的当前位置。过去,获取用户的地理位置信息需要借助第三方地址数据库或专业的开发包(如Google Gears API)。HTML5定义了Geolocation API规范,可以通过浏览器获取用户的地理位置,这无疑给有相关需求的用户提供了极大的便利。

     1、概述

    HTML5 Geolocation API 定义了与主机设备的位置信息相关的高层接口。

    1)什么是浏览器的地理位置

    浏览器的地理位置实际上就是安装浏览器的硬件设备的位置,如经纬度。位置信息的通常来源包括以下几种。

    • GPS(全球定位系统):这种方式可以提供很精确的定位,但需要专门的硬件设备,定位效率也不高。
    • IP地址:多用于计算机设备,定位并不准确。
    • 无线射频标签(Radio Frequency Identification,RFID):可以通过读卡器的信号、报文到达时间和定位器等数据确定标签的位置。
    • WiFi:无线上网时,可以通过Wi-Fi热点(AP或无线路由器)来定位客户端设备。
    • GSM/CDMA小区标识码:可以根据手机用户的基站数据定位手机设备。
    • 用户输入:除了以上方法外,还允许用户自定义位置信息。

    提示:通过不同渠道获得的浏览器的地理位置信息是有误差的,因此并不能保证Geolocation API 返回的是设备的实际位置。

    2)浏览器对获取地理位置信息的支持情况

    在JavaScript中可以使用navigator.geolocation属性检测浏览器对获取地理位置信息的支持情况。如果navigator.geolocation等于True,则表明当前浏览器支持获取地理位置信息;否则表明不支持。

    在网页中定义一个按钮,单击此按钮时,会检测浏览器是否支持获取地理位置信息。

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Test</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    
    <body>
    
        <button id="check" onclick="check();">检测浏览器是否支持获取地理位置信息</button>
    
        <script>
            function check() {
                if (navigator.geolocation) {
                    alert("您的浏览器浏览器支持获取地理位置信息。");
                } else {
                    alert("您的浏览器浏览器不支持获取地理位置信息。");
                }
            }
        </script>
    
    </body>
    
    </html>
    各主流浏览器对获取地理位置信息的支持情况
    浏览器对获取地理位置信息的支持情况
    Chrome5.0及以后的版本支持
    Firefox3.5及以后的版本支持
    Internet Explorer9.0及以后的版本支持
    Opera10.6及以后的版本支持
    Safari5.0及以后的版本支持

    另外,安装下列操作系统的手机设备也支持获取地理位置信息。

    • Android 2.0+
    • iPhone 3.0+
    • Opera Mobile 10.1+
    • Symbian(S60 3rd & 5th generation)
    • Blackberry OS 6
    • Maemo

     

    2、获取地理位置信息

    下面介绍使用Geolocation API 获取地理位置信息的具体方法。

    1)getCurrentPosition()方法

    调用getCurrentPosition()方法可以获取地理位置信息,也就是经纬度。getCurrentPosition()方法的语法如下。

    var retval = geolocation.getCurrentPosition(successCallback, errorCallback, options);

    参数说明如下。

    • successCallback:当成功获取地理位置信息时使用的回调函数句柄。

    回调函数successCallback有一个参数position对象,其中包含获取到的地理位置信息。position对象包含2个属性,如下表所示。

    position对象的属性
    属性说明
    coords包含地理位置信息的coordinates对象。coordinates对象包含7个属性,如下表所示
    timestamp获取地理位置信息的时间
    coordinates对象的属性
    属性说明
    accuracylatitude和longitude属性的精确性,单位是m
    altitude海拔
    altitudeAccuracyaltitude属性的精确性
    heading朝向,即设备正北顺时针前进的方位
    latitude纬度
    longitude经度
    speed设备外部环境的移动速度,单位是m/s
    • errorCallback:可选参数,当获取地理位置信息失败时调用的回调函数句柄。

    回调函数errorCallback包含一个positionError对象参数,positionError对象包含两个属性,如下表所示。

    positionError对象的属性
    属性说明
    code整数,错误编号
    message错误描述

    如果不处理错误,则可以在调用getCurrentPosition()方法时,在errorCallback参数的位置使用null。

    • options:可选参数,是一个positionOptions对象,用于指定获取用户位置信息的配置参数。

    positionOptions对象的数据格式为JSON,有3个可选的属性,如下表所示。

    positionOptions对象的属性
    属性说明
    enableHighAccuracy布尔值,表示是否启用高精确度模式,如果启用这种模式,浏览器在获取位置信息时可能需要耗费更多的时间
    timeout整数,超时时间,单位为ms,表示浏览器需要在指定的时间内获取位置信息,如果超时则会触发errorCallback
    maximumAge整数,表示浏览器重新获取位置信息的时间间隔

    使用getCurrentPosition()方法获取地理位置信息。(翻墙)

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Test</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    
    <body>
    
        <p id="demo">单击按钮获取你的位置信息</p>
        <button onclick="getLocation();">获取你的位置信息</button>
    
        <script>
            var x = document.getElementById('demo');
    
            function getLocation() {
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showPosition);
                } else {
                    x.innerHTML = "你的浏览器不支持Geolocation API。";
                }
            }
    
            function showPosition(position) {
                x.innerHTML = "纬度:" + position.coords.latitude + "<br>经度:" + position.coords.longitude;
            }
        </script>
    
    </body>
    
    </html>

    提示:单击此按钮时,浏览器会询问用户是否允许该网站获取你的位置信息。单击“允许”按钮才可以成功获取地理位置信息。

    显示经纬度很不直观,非专业人士很难直接定位,可以利用Google地图来显示当前位置的地图,这里就不演示了,有兴趣的可以自己去尝试。

    2)watchPosition()方法

    调用watchPosition()方法可以监听和跟踪客户端的地理位置信息。watchPosition()方法的语法如下。

    var watchId= geolocation.watchPosition(successCallback, errorCallback, options);

    watchPosition()方法的参数与getCurrentPosition()方法的参数相同,watchPosition()方法和getCurrentPosition()方法的主要区别是因为它会持续告诉用户位置的改变,所以基本上它一直在更新用户的位置。用户在移动时,这个功能会非常有利于追踪用户的位置。

    使用watchPosition()方法获取地理位置信息。

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Test</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    
    <body>
    
        <p id="demo">单击按钮获取你的位置信息</p>
        <button onclick="getLocation();">获取你的位置信息</button>
    
        <script>
            var x = document.getElementById('demo');
    
            function getLocation() {
                if (navigator.geolocation) {
                    navigator.geolocation.watchPosition(showPosition);
                } else {
                    x.innerHTML = "你的浏览器不支持Geolocation API。";
                }
            }
    
            function showPosition(position) {
                x.innerHTML = "纬度:" + position.coords.latitude + "<br>经度:" + position.coords.longitude;
            }
        </script>
    
    </body>
    
    </html>

    3)clearWatch()方法

    调用clearWatch()方法可以停止监听和跟踪客户端的地理位置信息。通常与watchPosition()方法结合使用。clearWatch的语法如下。

    var retval = geolocation.clearWatch(watchId);

    参数watchId通常是watchPosition()方法的返回值,即停止该watchPosition()方法对地理位置信息的监听和跟踪。

    展开全文
  • browscap_go - 提供浏览器功能的GoLang项目
  • 相信不少人有过类似的经历,为了方便,让浏览器记住了登录密码,时间长了之后忘记密码了,想从浏览器中获取密码,下面介绍4个使用javascript获取浏览器保存的密码的方法。 目录:1. 第一种方法2. 第二种方法3. 第三...

    相信不少人有过类似的经历,为了方便,让浏览器记住了登录密码,时间长了之后忘记密码了,想从浏览器中获取密码,下面介绍4个使用javascript获取浏览器保存的密码的方法。

    以下4个方法都是针对基于Chromium内核的浏览器,例如 chrome、360浏览器等浏览器,至于IE浏览器则方法有所不同,本文不作讲解。

    第1步

    打开网站,在密码输入框内鼠标右击,选择“审查元素”,浏览器底部弹出网页的代码,并自动定位到密码框的代码段。
    审查元素

    1. 第一种方法

    本方法最简单,直接在 Console 控制台中输入以下命令并回车:

    > $0.value
    

    $0.value

    2. 第二种方法

    回到网页的代码中,把type="password"改为type="text",并回车,密码区已经不再是黑色点号,而是直接将保存过的密码显示了出来。

    修改类型

    3. 第三种方法

    回到网页的代码中,查看是否有id,如果没有就加一个,例如 id="admin_password",打开控制台,输入如下命令并回车:

    > console.log(admin_password.value)
    

    在这里插入图片描述

    4. 第四种方法

    回到网页的代码中,查看是否有name,如果没有就加一个,例如 name="mail-pwd",打开控制台,输入如下命令并回车:

    > document.getElementsByName("mail-pwd")[0].value
    

    getElementsByName
    document.getElementById("mail-pwd").value 同理。


    参考文章:

    展开全文
  • 我们打印操作调用的是浏览器的打印,现在需要知道打印次数。 各位大神怎么取监听浏览器内部的打印事件?
  • PC端和手机浏览器获取当前城市及所在区, PC端和手机浏览器获取当前城市及所在区, PC端和手机浏览器获取当前城市及所在区
  • js代码-浏览器获取用户地区功能
  • 在进行网站爬取数据的时候,会发现很多网站都进行了反爬虫的处理,如JS加密,Ajax加密,反Debug等方法,通过请求获取数据和页面展示的内容完全不同,这时候就用到Selenium技术,来模拟浏览器的操作,然后获取数据。...
  • 解决chrome浏览器中点击链接,如果是浏览器可识别的文件类型,浏览器会自动打开而不是弹出下载框的方案
  • 支持大部分已实现getUserMedia的浏览器,包括腾讯Android X5内核(QQ、微信)。 录音默认输出mp3格式,另外可选wav格式(此格式录音文件超大);有限支持ogg(beta)、webm(beta)格式;支持任意格式扩展(前提有相应...
  • 调整浏览器的缩放不影响屏幕分辨率,系统自带缩放功能会影响。 window.screen.availHeight 屏幕可见工作区高 屏幕分辨率高减去屏幕底部系统状态栏高,底部系统状态栏高貌似不受系统缩放功能影响。 ...
     

    document.body.clientWidth 网页可见区域,如1903 

    html{padding: 10px;margin: 0}
    
    body{margin: 0;padding: 0}
    /*或者*/
    body{margin: 0;padding: 10px}
    
    /* 1883  当设置padding时,对html的padding有影响 */
    html{padding: 0;margin: 10px}
    body{padding: 0;margin: 10px}
    /*1863 */

     

    •  document.body.clientHeight   网页可见区域高,如567
    html{padding: 0;margin: 0}
    body{padding: 10px;margin: 0}
    /*587   body的padding有影响*/
     

    document.body.scrollWidth & document.body.scrollHeight & document.body.offsetWidth & document.body.offsetHeight同上 

    window.screen.height  屏幕分辨率高       window.screen.width   屏幕分辨率宽

    调整浏览器的缩放不影响屏幕分辨率,系统自带缩放功能会影响。

    window.screen.availHeight    屏幕可见工作区高

    屏幕分辨率高减去屏幕底部系统状态栏高,底部系统状态栏高貌似不受系统缩放功能影响。

    window.screen.availWidth   屏幕可见工作区宽

     

    展开全文
  • 注意:下面的方法只适用于系统自带的IE浏览器,其它浏览器不适用,连360浏览器都不行 下面的程序实现三个功能...2 获取浏览器地址栏上所有的url地址 3 模拟百度输入搜索 步骤如下: 1 新建一个控制台项目,...
  • 主要介绍了JS实现兼容各种浏览器获取选择文本的方法,可实现鼠标拖动选择文本的同时,下方显示区同步实时显示选中内容的功能,涉及javascript响应鼠标事件及页面元素动态操作技巧,需要的朋友可以参考下
  • 一键获取网页内容视频源地址下载 浏览器插件,适合大部分浏览器可用 插件获取下载格式: flv、hlv、f4v、mp4、mp3、wma、wav、m4a、letv、ts、webm、 ogg、ogv、acc、mov、mkv、m3u8 MIME类型:video/* audio/*...
  • 今天在书写日志管理的模块的时候,遇到了一些问题,首先是日志的添加,就是在登录的时候记下他登录的名字以及登录的时间...这里大家把其他的获取到,给添加进去。。。就OK了,如果大家有什么不懂的,可以在下面评论。。
  • 获取浏览器密码

    千次阅读 2014-07-31 13:49:05
    当你在登录网站时,你是否习惯浏览器IE或者FireFox记住你的密码?即便是自己的个人电脑这样做也是很危险的,密码信息将很容易被他人窃取。 IE Passview 可以查看IE记住的所有密码.下载基地: ...
  • 功能需求        统计用户通过何种浏览器访问系统、统计访问用户的操作系统。 依赖jar包 <!-- https://mvnrepository.com/artifact/eu.bitwalker/UserAgentUtils --> <...
  • javascript获取浏览器保存的密码

    千次阅读 2014-12-23 19:15:16
    现在很多浏览器是有保存密码功能的,下一次登录时候会自动填上密码, 这是有安全隐患的,先不说密码保存在哪.密码展现在窗口里就是漏洞,虽然是几个黑色的小圆圈.懂js的人还是能得到密码的. 在一个有密码的.(密码栏已经...
  • Android 小例子:获取系统信息 文件浏览器,可以实现以下功能:文件系统,文件浏览器,操作系统版本,读取/proc/version信息,系统信息,手机设备的系统信息,运营商信息,手机网络的运营商信息、正在运行的后台服务...
  • 浏览器里无法调起获取音频的录音接口,JS报未能加载组件的错误等类似异常,原因是如果浏览器觉得用户所处的行为不安全,就不会加载录音功能,导致组件无法获取 浏览器打开音频功能允许用户在浏览器内进行录音操作的...
  • 浏览器开发者模式获取页面元素

    千次阅读 2019-04-13 15:50:02
    这时通过浏览器开发者模式获取页面元素非常方便,一是能快速获取页面元素、二是能查看页面元素相对路径便于分类,下面以Google为例介绍 1、首先打开Google浏览器,点击键盘F12 2、打开目标网站,在开发者模式中...
  • 本文介绍了javascript使用百度地图api和html5特性获取浏览器位置的小功能,大家参考使用吧
  • 记录一下最近写的爬虫项目遇到的坑。 项目需要获取网页tag元素的全部内容,但是selenium没有提供这个功能,遂...2.使用selenium的driver.get_log("browser")获取浏览器日志。 代码如下: driver.get("https://www.
  • CSS 获取浏览器尺寸

    千次阅读 2012-07-23 11:58:49
    实现该功能需考虑两个问题, 一个是获取当前屏幕大小,另一个问题是确认当前采用的什么风格文件, 因为即使屏幕为1024px宽,而风格采用的是极速, 图片也不能放大到1024宽,那样就会撑破极速的窗口。 实现的思路如下...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 504,741
精华内容 201,896
关键字:

获取浏览器的功能