#tuber浏览器

纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题

  当我们的内容超出了我们的div,往往会出现滚动条,影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。  这里介绍一个简单的方法:大体思路是在div外面再套一个div。这个div设置overflow:hid...

网页性能优化:防止JavaScript、CSS阻塞浏览器渲染页面

  网页中引用的外部文件:JavaScritp、CSS等常常会阻塞浏览器渲染页面。假设在<head>中引用的某个JavaScript文件由于各种不给力需要2秒来加载,那么浏览器渲染页面的过程就会被阻塞2秒,直到该JS文件下载并执行完后才继续。  前端性能调优时必须排除任何潜在的渲染阻塞点,让浏览器在最短时间...

IE浏览器报Promise未定义的错误、解决vuex requires a Promise polyfill in this browser问题

  一个vue-cli构建的vue项目,一个使用angular的项目,两个项目在其他浏览器一切正常,但是ie中会报Promise未定义的错误解决办法: 一、vue的项目:  1、npminstallbabel-polyfill--save  2、在main.js中 import"babel-poly...

用 JavaScript 检测浏览器在线/离线状态(JavaScript API — navigator.onLine)

  如今HTML5移动应用或Webapp中越来越普遍的使用了离线浏览技术,所以用JavaScript检测浏览器在线/离线状态非常常见。  无论浏览器是否在线,navigator.onLine属性都会提供一个布尔值。如果浏览器在线,则设置为true,否则设置为false。if(navigator.onLine){//tr...

手写一个关于title属性自定义提示框解决浏览器(IE)不兼容问题

<html><head><metacharset="utf-8"><title>无标题页</title><scripttype="text/javascript"src="jquery-1.8.3.min.js"></script>&l...

IE浏览器无法直接识别input的type="hidden"问题

原问题:<tdclass="formValue"id="in-checkbox"><labelclass="checkbox-inline"><inputtype="hidden"name="allUserObj.execute"value=""id="allExecute"/>  ...

JavaScript快速检测浏览器对CSS3特性的支持情况

  项目中使用动画效果在IE9下不支持,所以写了个判断浏览器是否支持动画的函数,进而扩展到下面判断浏览器支持任一特定CSS3属性的函数。functionsupportAnimation(){vardomPrefixes='webkitMozomsKhtml'.split(''),len=domPrefixes.leng...

浏览器兼容性处理小技巧随手记系列(一)

1、css样式:文字本身的大小不兼容解决问题原因:同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的:IE下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定line-height,确保所有文字都有默认的line...

CSS写的提示框(兼容火狐IE等各大浏览器)

项目上使用jQuery的Tooltip组件,在谷歌上正常,在火狐和IE下没有效果,所以根据谷歌的提示框单独用CSS写了个提示框,比较好的兼容了火狐和IE,且效果一样原Tooltip代码:$('#dd').tooltip({position:'right',content:'<span><s:textn...

微信内置浏览器video标签自动全屏的问题

微信打开h5video视频的时候都会自动全屏播放,有时候影响用户体验要禁止自动全屏就要加这几个属性'x5-playsinline':'true','webkit-playsinline':'true','playsinline':'true', ...

如何让浏览器的左上角显示自己的logo的小诀窍

很简单,只需要在head头部加上以下代码<linkrel="icon"href="图片路径"type="image/x-icon"/>效果图 ...

浏览器之本地缓存存储 localStorage 和 sessionStorage的区别以及用法

 区别:1、localStorage永久保存在浏览器(注意事是浏览器,不仅仅是一个页面),除非用户主动清除;sessionStorage在浏览器关闭之后存储的数据就会销毁(仅仅存储在当前页面)2、根据同源原则,不同浏览器不能共享loacalStorage和sessionSrorage的信息,相同的浏览器不同页...

用selenium启动chrome浏览器

python3.7pycharm1.安装seleniumpip3installselenium 2.下载与chrome匹配的chromdriver.exe,放到项目的解释器路径下,跟python.exe同一个路径  随笔最后附上匹配列表和下载链接注:如果chromedriver.exe与c...

Mac 10.12安装Google浏览器

说明:先安装旧版本后续再升级,主要是资源难找。下载:(链接:https://pan.baidu.com/s/1eROfQyY密码:n6ij)...

Ubuntu 16.04安装Chrome浏览器时提示:N: 忽略‘google-chrome.list.1’(于目录‘/etc/apt/sources.list.d/’),鉴于它的文件扩展名无效

使用终端安装谷歌浏览器时,它会自动在/etc/apt/sources.list.d/这个目录下添加google-chrome.list文件,但是如果它原来就有一个google-chrome.list的话,会添加一个新的文件同时会在新文件的后面加上1来和原文件区分,这时就有两个google-chrome.list文件存在...
首页上一页...3031323334...下一页尾页