firefox

如何让css隐藏滚动条 兼容谷歌、火狐、IE等各个浏览器

♀尐吖头ヾ 提交于 2021-01-16 09:00:53
项目中,页面效果需要展示一个页面的移动端效果,使用的是一个苹果手机样式背景图,咋也没用过苹果,咋也不敢形容。 如下图所示: 在谷歌浏览器如图一滚动条顺利隐藏,但是火狐就如图二了,有了滚动条丑的一批。 先上谷歌浏览器解决滚动条代码: CSS代码: <style> .tp_box1{ width: 517px; height: 400px;  /* auto在那个方向有益处 就在那个方向上有滚动条 */  overflow: auto; } .tp_box1::-webkit-scrollbar{ display: none; } .tp_box2{ width: 100%; height: 500px; background: pink; } .tp_box3{ width: 100%; height: 500px; background: red; } .tp_box4{ width: 100%; height: 500px; background: black; } </style> HTML代码: <div class="tp_box1">   <div class="tp_box2"></div>   <div class="tp_box3"></div>   <div class="tp_box4"></div> </div> 上述代码完美解决图一问题,但是此方法不兼容火狐

火狐浏览器滚动条的样式问题

馋奶兔 提交于 2021-01-15 05:24:28
网上查了很多关于修改火狐浏览器样式的资料,发现千篇一律,能解决问题的可以说没有。 当然一番搜寻下来也不是没有收获,为了节省广大前端同学不再耗费时间在这上面,特此记录。解决了在火狐浏览器下滚动条的部分样式问题,当然有更好的解决办法欢迎留言~~~ 基于webkit的浏览器: /* 滚动条样式 */ ::-webkit-scrollbar { width : 4px ; height : 6px ; } ::-webkit-scrollbar-thumb { border-radius : 1em ; background-color : rgba(50,50,50,.3) ; } ::-webkit-scrollbar-track { border-radius : 1em ; background-color : rgba(50,50,50,.1) ; } 火狐: overflow-y: scroll; scrollbar-color: transparent transparent; scrollbar-track-color: transparent; -ms-scrollbar-track-color: transparent; 可以实现火狐浏览器下滚动条的隐藏。 参考地址 https://stackoverflow.com/questions/6165472/custom

Firefox 火狐浏览器

我与影子孤独终老i 提交于 2021-01-13 19:44:28
Android 版 Firefox https://ftp.mozilla.org/pub/mobile/releases/68.9.0/ Firefox 桌面版 https://ftp.mozilla.org/pub/firefox/releases/84.0.2/ 参考 分清国内版FireFox和国际版FireFox https://zhuanlan.zhihu.com/p/104291339 来源: oschina 链接: https://my.oschina.net/linxi0328/blog/4897722

谷歌技术专家关于JavaScript的一个引人注目的观点

若如初见. 提交于 2021-01-13 12:41:29
谷歌的一位技术专家曾经和我分享过关于 JavaScript 的一个引人注目的观点:它不是真正的内聚编程语言——至少不是正式意义上的内聚编程语言。 ECMA-262规范定义了JavaScript,但没有一个真正的实现。更重要的是,这种语言远非封闭的。 它游走在一个名副其实的相邻规范的海洋中,这些规范管理着 JavaScript 涉及的所有 api: DOM、网络请求、系统硬件、存储、事件、文件、加密,以及数百种其他规范。Web浏览器及其各种 JavaScript 引擎都按照它们认为合适的方式实现这些规范。 Chrome 有 Blink/V8, Firefox 有 Gecko/SpiderMoney, Safari 有 WebKit/JavaScriptCore。 浏览器将以符合规范的方式运行几乎所有的 JavaScript,但 web 上到处都是每种浏览器特性的示例。因此,JavaScript被更准确地描述为一组浏览器实现。尽管 web 纯粹主义者可能坚持认为 JavaScript 不应该是 web 页面的组成部分,但他们必须承认,如果没有它,现代 web 将会严重退化。 可以毫不夸张地说,JavaScript 实际上是不可避免的:手机、电脑、平板电脑、电视、游戏机、智能手表、冰箱,甚至汽车现在都有运行 JavaScript 的 web 浏览器

GET和POST两种基本请求方法的区别

依然范特西╮ 提交于 2021-01-13 07:27:15
GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。 表单提交中get和post方式的区别有5点 1.get是从服务器上获取数据,post是向服务器传送数据。 2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3.对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。 4.get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。(这里有看到其他文章介绍get和post的传送数据大小跟各个浏览器、操作系统以及服务器的限制有关) 5.get安全性非常低,post安全性较高。 最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。 你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什么。 当你在面试中被问到这个问题,你的内心充满了自信和喜悦。

bilibili弹幕爬取与比对分析

老子叫甜甜 提交于 2021-01-12 19:31:13
最近受人之托研究了下b站的数据爬取做个小工具,最后朋友说不需要了,本着开源共享的原则,将研究成果与大家分享一波,话不多说直接上干货 需求分析 给定up主uid和用户uid,爬取用户在该up主所有视频中发的所有弹幕 需求拆解 获取up主所有视频 打开b站,随便搜索一个up主,打开所有视频页面,f12看异步请求就一目了然了 接口地址: https://space.bilibili.com/ajax/member/getSubmitVideos?mid=up主的uid&pagesize=30&tid=0&page=1&keyword=& 直接通过GET请求访问,该接口限制pagesize为100,数目超过就会返回错误,但是该接口会返回一个总数与页数,所以我们首先请求一次,获取相关参数再分批次请求,获取到数据后对vlist进行json数据解析就可以,我们主要获取的是aid,也就是av号 ​ 获取视频所有弹幕 使用firefox浏览器打开视频,f12后搜索list.so请求会发现弹幕xml文件,同样也是GET请求 接口地址:https://api.bilibili.com/x/v1/dm/list.so?oid=112062851 http://comment.bilibili.com/{cid} . .xml 但是在百度的过程中发现了一个直接读取xml文件的地址,更加方便 接口地址:

Selenium-Webdriver API命令和操作-Get & Wait

ぃ、小莉子 提交于 2021-01-12 07:50:49
抓取页面 WebDriver可能要做的第一件事就是导航到一个页面。 正常的做法是调用“get”: drviver.get( " http://www.google.com " ) 取决于几个因素,包括操作系统/浏览器组合,WebDriver可能会或可能不会等待页面加载。 在某些情况下,WebDriver可能会在页面完成之前或者甚至开始加载之前返回控件。 为确保健壮性,需要使用 显式和隐式等待来等待 页面中存在的元素 。 显式等待 明确的等待是定义的代码,等待一定的条件发生,然后继续进行代码。最糟糕的情况是Thread.sleep(),它将条件设置为等待的确切时间段。有一些方便的方法可以编写只需要等待的代码。WebDriverWait与ExpectedCondition结合是可以完成的一种方法。 from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC ff = webdriver.Firefox() ff.get( " http://somedomain

Python+Selenium练习篇之3-利用tag name定位元素

╄→гoц情女王★ 提交于 2021-01-12 06:56:23
前一篇文章介绍了如何通过元素的id值来定位web元素,本文介绍如何通过tag name来定位元素。个人认为,通过tag name来定位还是有很大缺陷,定位不够精确。主要是tag name有很多重复的,造成了选择tag name来定位页面元素不准确,所以使用这个方法定位web元素的机会很少。 什么是tag name? 还是以百度首页搜索输入框,在火狐浏览器,右键,通过firepath,检查元素,看下图: 上面图片中红色圈选区域的标签名称都是tag name;实际上我们目标元素是输入框,应该是input这个tag name,在图中蓝色高亮区域。但是如果只是通过input这个tag name来定位,发现上面有很多input的选项。所以我们扩大节点的参照选择,我们选择上面这个form来作为我们tag name。 看看如何写定位form这个元素的脚本: # coding=utf-8 from selenium import webdriver driver = webdriver.Chrome() driver.maximize_window() driver.implicitly_wait(6) driver.get("https://www.baidu.com") try: driver.find_element_by_tag_name("form") print ('test pass

python selenium firefox使用

落花浮王杯 提交于 2021-01-11 15:11:47
演示的版本信息如下: Python 3.6.0 Selenium 3.5.0 Firefox 55.0.3 geckodriver v1.0.18.0 win64 1、前提准备 1.1 安装python 1.2 安装Firefox浏览器 1.3下载geckodriver(是Firefox的官方webdriver) 2、Python安装selenium python 3.0X包自带pip和setuptools。我们可以使用如下方法安装selenium: pip install selenium [version] 如果不加版本号,就安装最新的。加了就安装指定版本 如果在安装过程中,遇到如下错误,需要单独安装pip和setuptools: 下载地址:https://pypi.python.org/pypi/pip/#downloads https://pypi.python.org/pypi/setuptools#downloads 安装方式如下图所示: 安装setuptools 安装pip 安装完成之后,可以检查selenium的安装: 3、 下载安装geckodriver 下载地址:https://github.com/mozilla/geckodriver/releases 根据电脑系统版本进行下载,我这里下载的win64位的: 下载完成后,解压,将geckodriver

python中使用selenium调用Firefox缺少geckodriver解决方法

。_饼干妹妹 提交于 2021-01-11 10:57:58
python中使用selenium调用Firefox缺少geckodriver解决方法 参考文章: (1)python中使用selenium调用Firefox缺少geckodriver解决方法 (2)https://www.cnblogs.com/dj0325/p/7895432.html 备忘一下。 来源: oschina 链接: https://my.oschina.net/u/4437884/blog/4889363