记录用户不正常退出,如关闭浏览器的时候,执行onunload方法,跳回后台记录用户已经退出的信息,在ie上可以正常跳转,但在Firefox和chrome上却无法跳转. 测试后发现以下方法可以实现,支持firefox.chrome.ie.360急速模式: <script type="text/javascript"> window.onbeforeunload = function(){ var res = false; $(function () { $.ajax({ ur

现英文9px 设置 在chrome 下无效,可以通过 -webkit-transform: scale(0.75); 12*0.75 =9  得到小字体(在chrome浏览器下 大小缩放到0.75倍) 这个是chrome默认设置了字体最小值

问题描述 出现异常之前做的操作就是,因为换工位的需要,所以关闭电脑,修改网络配置. 问题分析 Firefox和其他应用网络正常 Chrome设置.帮助等选项均打不开 分析,很可能是电脑重启后,Windows系统进行了升级,导致的Chrome崩溃的问题. 问题解决过程 1.尝试重启Chrome.重启电脑(无效) 2.尝试在网上下载最新的包,更新Chrome(无效) 3.https://blog.csdn.net/sulikali/article/details/80928901 (无效) 本机的S

网页常见单位px.em.rem:其中rem是css3新出的单位,官网是这样定义的:“font size of the root element”,意思是:相对长度单位,相对于根元素(即html元素)font-size计算值的倍数. 网上搜索了一些关于px和rem有何区别的文章,大部分都是说rem在针对用户使用浏览器缩放的时候有较好的体验,而px会在浏览器缩放的时候破坏我们网页原有的布局.但是经过我自己的试验,发现并没有这个问题:也就是说如果只是针对浏览器缩放来说,用px和rem是没有什么区别的:

浏览器的兼容问题 1.浏览器内核: Mozilla Firefox ( Gecko ) Internet Explorer ( Trident ) Opera ( Presto ) Safari ( WebKit ) Google Chrome ( WebKit ) 2.css hack 解决浏览器兼容的主要方法是css hack 由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系.我们就可以根据这个来针对不同的浏览器来写不同的CSS. IE6 IE7 IE8 Fire

日前在做一个视频播放的页面,其中用到了HTML5的Video对象,这个是HTML5中新增的一个对象,支持多种不同格式的视频在线播放,功能比较强大,而且还扩展了许多事件,可以通过JavaScript脚本来对视频播放进行控制.参考下面两个链接: http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx http://www.w3school.com.cn/html5/tag_video.asp Video对象可以通过onti

3.Javascript的浏览器兼容性问题 3.1 集合类对象问题说明:IE下,可以使用()或[]获取集合类对象; Safari及Chrome下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象. 3.2 获取对象方式说明:HTML对象的 id和name 在IE使用getElementById都会找到,在Safari及Chrome中name是找不到的,必须严格使用getElementById和getElementsByName.解决方法:id使用getElementById,

今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下来,希望能帮到遇到类似问题的同学们. 1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: <div> <input type="checkbox" name="abc" value="一年级" id="in1&qu

在网页布局中我们经常会用到display:inline-block;好处是:能够将块状元素按照内联元素的方式布局,同时能设置宽高.个人感觉很好用,可是用多了慢慢的问题就来了? 1.display:inline-block;在IE6/7中不兼容 解决办法:display:inline-block;*dsiplay:inline;*zoom:1; 2.display:inline-block;会产生莫名的间隙(4px) 原因:换行或空格会占据一定的位置,从而产生间隙, 解决办法: 1.在html代码

一.前言: 使用C#语言从08年算起,到现在也有6个年头的时间了. 但 是会使用调试进行辅助编程的时间,却只有5个年头,其中第一年里面,只能傻傻地敲着老师给的案例,不会写就一遍一遍重复手写编码,上机练习.这样的弯路不 知道还有多少学生,在继续.下面,我根据我的经验,总结了几种常用的调试方式,并结合它们使用的场景,优劣,作截图说明.     二.F5调试 一般稍微智能一点的IDE编程工具都会集成F5调试或运行的功能,Eclipse如此,Visual Studio也是如此,连MSSQL 2008也加

浏览器的内核 Mozilla Firefox ( Gecko ) Internet Explorer ( Trident ) Opera ( Presto ) Safari ( WebKit ) Google Chrome ( WebKit ) 腾讯TT.世界之窗.360浏览器.遨游浏览器都是给IE加了个外壳,不过如果电脑上装的是ie8的话,这些浏览器还是调用ie7的内核.搜狗浏览器比较特殊,它有两种浏览模式:一是兼容模式,该模式使用IE内核:二是高速模式,该模式使用WebKit内核.解决ie7

一.从浏览器内核的角度 来看,浏览器兼容性问题可分为以下三类: 1. 渲染相关:和样式相关的问题,即体现在布局效果上的问题. 2. 脚本相关:和脚本相关的问题,包括JavaScript和DOM.BOM方面的问题.对于某些浏览器的功能方面的特性,也属于这一类. 3. 其他类别:除以上两类问题外的功能性问题,一般是浏览器自身提供的功能,在内核层之上的. 二.浏览器兼容性相关问题及其解决思路 1.目前,各主流浏览器的新版本,对于  W3C  的标准支持很好,因此,首先保证代码符合 W3C 的标准,这是

jQuery获取checkbox选中项等操作及注意事项 今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下来,希望能帮到遇到类似问题的同学们. 1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: <div> <input type="checkbox" name="abc" value=&qu

今天在设置option文字居中时发现,给select设置text-align:center在火狐浏览器下ok,但是在chrome浏览器无效,然后option在两个浏览器下设置text-align:center都是无效的,解决方法,设置样式如下 select:{ width: auto; padding: 0 2%; margin: 0; } option{ text-align:center; } 1.必须设置select的padding,留意:padding: 0 2%; 前面的0表示上下,后

基于Django1.11配置文件settings.py import os import sys # Build paths inside the project like this: os.path.join(BASE_DIR, ...) # 这里用到了python中一个神奇的变量"__file__",这个变量可以获取到当前文件的路径(含文件名) # 再来一个os.path.dirname()就是获得上一级目录 # "BASE_DIR"就是工程根目录 BASE_D

js  兼容问题 1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用 document.formName.elements["elementName"] 2. 集合类对象问题问题:代码中许多集合类对象取用时使用(),IE能接受,FF不能解决方法:改用 [] 作为下标运算,例:document.getElementsByName("

Selenium笔记(1)安装和简单使用 简介 Selenium是一个用于Web应用程序测试的工具. Selenium测试直接运行在浏览器中,就像真正的用户在操作一样.支持的浏览器包括IE(7, 8, 9, 10, 11),Firefox,Safari,Chrome,Opera等. 这个工具的主要功能包括:测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上.测试系统功能——创建回归测试检验软件功能和用户需求. 而用在爬虫上则是模拟正常用户访问网页并获取数据.

一.一抹前言 没有爱的日子,时间如指尖细沙,不知不觉就流逝了.写“CSS float浮动的深入研究.详解及拓展(一)”和“CSS float浮动的深入研究.详解及拓展(二)”似乎就在不久前,然而相隔差不多有一年之久了.文章最后留下了“浮动布局更好的替代方案是什么?”后文再介绍的预告. 由于自己肚子中的货物不足以撑起一篇足够质量的文章,所以关于“浮动布局更好的替代方案是什么?”的文章一直并未动笔.好在事物总是在发展的,我也是每天都是在进步,对于列表布局的思考也愈发成熟.加上正好前不久又有人询问我“

1.全局设置 setttings文件 import os import sys # Build paths inside the project like this: os.path.join(BASE_DIR, ...) # 这里用到了python中一个神奇的变量"__file__", 这个变量可以获取到当前文件的路径(含文件名) # 再来一个os.path.dirname()就是获得上一级目录 # "BASE_DIR"就是工程根目录 BASE_DIR = os.

1. 默认的内外边距不同 问题: 各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;} 2. 水平居中的问题 问题: 设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中,嵌套块不会居中 解决: 块元素设置 1.margin-left:auto;margin-right:auto 2.margin:0 auto; 3.<div align=”center”></div&g

给select设置text-align:center在火狐浏览器下ok,但是在chrome浏览器无效,然后option在两个浏览器下设置text-align:center都是无效的,解决方法,设置样式如下 select:{ width: auto;padding: 0 2%;margin: 0; } option{ text-align:center; } 1.必须设置select的padding,留意:padding: 0 2%; 前面的0表示上下,后面的值表示左右,这个值设置为1%都可以,但