史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。javascript我这次就不谈了,先说说css。
为了适应不同浏览器不同的版本(版本主要就ie来
http://www.cyqdata.cn/cnblogs/article-detail-52523
EXT.NET高效开发(三)——使用Chrome浏览器的开发人员工具
这篇帖子老少皆宜,不分男女,不分种族,不分职业。俗话说:“磨刀不误砍柴工”。掌握一些开发工具的使用,对自己帮助是很大的(无论是用于分析问题,还是提高生产力)。本篇就讲述如何利用Chrome浏览器(这里讲述的版本是14.0.835.2)的开发工具(因为IE浏览
http://www.cyqdata.cn/cnblogs/article-detail-42235
Chrome(12)中使用getComputedStyle获取透明度(opacity)返回字符串不同于其它浏览器
获取计算后的元素样式,IE有currentStyle,而标准浏览器用getComputedStyle。IE9后也支持getComputedStyle了。发现以前写的css方法不好用了,在chrome中返回的结果与其它浏览器不同。重现如下
<!DOCTYPE HTML>
<HTML>
<HEAD>
<meta charset="utf-8" />
http://www.cyqdata.cn/cnblogs/article-detail-42159
HTML5,为你的网页添加音效(兼容Firefox 3.5+, IE 6-9, Safari 3.0+, Chrome 3.0+, Opera 10.5+)
为交互添加恰当的音效,常常能改善用户体验。在我们所熟悉的windows里,清空回收站的碎纸声就是很好的例子。
下面是一个利用HTML5, Jquery,给页面添加音效的小组件(只是添加音效,并不是播放器)。
其实很简单,就是利用HTML5中的audio标签,播放声音。不过为了照顾IE 6-8,还是用上了bgsound。
兼容所有主流浏览器(非主流不在考虑之列了)
闲话少说,上代码:
<a h
http://www.cyqdata.cn/cnblogs/article-detail-41177
CSS3 应用01 - 文本阴影效果(兼容IE 7-9 Firefox Opera Chrome 等多浏览器)
郑重声明,如果引用,请注明出处:(原创 博客园:天之子)
CSS3 提供一个文本阴影属性:text-shadow : color || length || lenth|| opacity
其中,第一个参数是颜色,第二个参数是阴影的水平延伸距离,第三个参数是阴影的垂直延伸距离,第四个参数是模糊效果的作用距离。支持设定多组效果。
例如:text-shadow: #333333 4px 5px 6p
http://www.cyqdata.cn/cnblogs/article-detail-40142
Facebook vs Chrome 关公秦琼的未来之战
当浏览器们终于开始从IE的阴影逃脱,我们又看见了一幅欣欣向荣又带硝烟味的景象。Firefox,Chrome,Safari,Opera,开源的,闭源的,每一个产品身后,都站着他们积极又有野心的团队,在这愈演愈烈的浏览器大战中你争我夺。
在浏览器变得逐渐开放,体验和功能日趋靠拢的今天,我隐约预感到,又一轮革新正在到来。
我的预感没有特别的依据或来历,只是最近跟朋友的几次谈话让我萌生了一些想法
http://www.cyqdata.cn/cnblogs/article-detail-39871
ckeditor全屏源代码模式在chrome不能粘贴的解决办法
ckeditor在早先版本中存在在chrome下全屏模式时不能粘贴的问题,不过在3.5.1版本就做了处理
bug纪录 : http://dev.ckeditor.com/ticket/6896
bug解决方案:http://dev.ckeditor.com/attachment/ticket/6896/6896.patch
bug解决方案其实是chrome下全屏的源码时要把html bo
http://www.cyqdata.cn/cnblogs/article-detail-38667
基于Chrome开源提取的界面开发框架 三(.1)
近期开发计划:
1.无窗口的richedit支持,包括ole图片以及段落支持,这些是IM类必需的组件(已经开始) --预计6月初完成
2.浏览器类组件支持,预计包括webbrowser和webkit,后者近来的需求越来越大,尽管有挑战也要试一试,到时候参考qt --预计6月底完成
3.flash窗口的支持,这个可能有些地方会用到,比较容易 --预计7月初完
http://www.cyqdata.cn/cnblogs/article-detail-38303
Chrome Form多次提交表单的问题
Chrome Form多次提交表单的问题
今天用chrome提交一个表单时,发现一个奇怪的问题:
//提交表单 document.frmOrder.action = 'http://www.abc.com/d.aspx'; document.frmOrder.method = 'POST'; document.frmOrder.target = '_blank';
http://www.cyqdata.cn/cnblogs/article-detail-37147
Chrome使用小结
一直对Chrome情有独钟,喜欢它的简介、高效。在此总结一下Chrome 浏览器(笔者使用的是10.0.648.205版本)的一些常用技巧,也是大家比较在关注的。
1、在工具栏显示"主页"按钮:在浏览器的右上角点击一个"板子"形状的图标,Google Chrome浏览器称之为:自定义和控制Google Chrome浏览器,然后选择"选项"。出来的界面中,有三个主栏目,第一个就是基本设置,有一个叫做
http://www.cyqdata.cn/cnblogs/article-detail-37054
HTML5视频方案:支持Ipad、Safari、Firefox、Chrome、IE9876
HTML5视频方案
支持Ipad、Safari、Firefox、Chrome、IE9876、Opera
商业方案:mp4->flash放mp4
视频文件格式:mp4
支持:Ipad、Safari、Firefox、Chrome、IE9876、Opera
原理:在Ipad、Safari、Chrome、IE9中原生播放mp4,在Firefox、Opera、IE876中使用flash播放器播放mp4
http://www.cyqdata.cn/cnblogs/article-detail-36529
手把手教你开发Chrome扩展三:关于本地存储数据
手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单
手把手教你开发Chrome扩展二:为html添加行为
手把手教你开发Chrome扩展三:关于本地存储数据
HTML5中的localStorage
localStorage与cookie类似,它是存储在客户端浏览器中的数据,它与cookie不同的一点是它没有时间限制。localStorage属于html5中的新特性
http://www.cyqdata.cn/cnblogs/article-detail-35996
手把手教你开发Chrome扩展二:为html添加行为
手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单
手把手教你开发Chrome扩展二:为html添加行为
手把手教你开发Chrome扩展三:关于本地存储数据
上一节我们已经讲了Chrome扩展的基础知识,并构建了基础的html,这一节我们将就html DOM添加部分添加脚本,即脚本在我们的popup页面中进行的操作,页面所产生的变化。
正常情况下数据处理加载完成状
http://www.cyqdata.cn/cnblogs/article-detail-35953
手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单
Chrome的更新速度可以说前无古人,现在我每天开机的第一件事就是打开Chrome检查是不是有了新版本。界面清爽、操作人性化、网络备份资料和快速的启动速度令我爱不释手,还有它拥有众多的扩展程序,相对于firefox的插件来说,数量上和质量上稍显不足,但相信chrome将会很快在扩展上超越firefox,firefox上内存占用上实在不令人满意,也许我使用firefox的一个原因就是因为firebu
http://www.cyqdata.cn/cnblogs/article-detail-35921
微博咆哮体[Chrome Extension]
传说最近咆哮体很火,昨晚下班就写了这个小玩意,在网页端发微博时,自动将微博内容转为咆哮体,
暂支持了腾讯,新浪,搜狐微博
先看下截图:
主要代码如下:
(function(){
var $ = function(id){return document.getElementById(i
http://www.cyqdata.cn/cnblogs/article-detail-35354
基于Chrome开源提取的界面开发框架开篇
初衷
一直希望VC开发者能够方便的开发出细腻高品质的用户界面。我喜欢C++,选择的平台是Windows,所以大部分时间用VC。我自身不排斥其他技术或者开发语言或者开发工具,都去了解,了解的目的是想吸取好的思想补充VC开发方面的不足。从事界面开发方面的研究有5年了,学过很多,尝试过很多,失败过很多,但是没有气馁。感谢开源,尤其是谷歌的Chrome开源,使我再次提高。在论坛和代码网站,都能看到一些界面
http://www.cyqdata.cn/cnblogs/article-detail-35194
Chrome v8引擎 对多行注释,做词法分析时的bug.
先看一个注释的写法:
/* 个/ */
这个在chrome下会抛出异常.
Uncaught SyntaxError: Unexpected token *
原因是,汉字个的 Unicode 为 4e2a , 而chrome的程序员,为了加速词法分析,简单的使用了下面这种逻辑:
1,扫描到/* ,就快速向后搜索,一但遇到 code point为 2a+\u002f 的情况,他就简单
http://www.cyqdata.cn/cnblogs/article-detail-35175
仅Chrome中函数实参与形参发生关联
Chrome中也有不少 Bug ,但更新修复速度极快。下面又发现一个有趣的现象函数实参与形参发生了关联。
function func(x,y){
//alert(x);
arguments[1] = 5;
alert(y); // --> 5
}
func(3);
IE6/7/8/9,Firefox,Safari, Opera中 y 弹出为undefined,Chrome 则为5
http://www.cyqdata.cn/cnblogs/article-detail-35046
iframe的onload在Chrome/Opera中执行两次Bug
创建iframe对象,添加load事件, 再将iframe添加到body中。Chrome/Opera中会造成load事件的handler执行两次。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>iframe的onload在Chrome/Opera中执行两
http://www.cyqdata.cn/cnblogs/article-detail-32731