千人千面:跨浏览器平台 测试网站的“长相”
用Opera 10.00浏览器查看,
图片页面:http://www.flickr.com/photos/kainy/4239543575/
用Konqueror 3.5浏览器查看,
图片所在页面:http://www.flickr.com/photos/kainy/4240317468/
用Windows xP系统 Safari 3.2.1 浏览器查看,
图片页面:http://www.flickr.com/photos/kainy/4240316978/
用Windows xP系统Safari 4.0 浏览器查看,
图片页面:http://www.flickr.com/photos/kainy/4240316544/
用Windows xP系统 SeaMonkey 2.0a2浏览器查看,
图片页面:http://www.flickr.com/photos/kainy/4239542999/
用 Debian Testing系统 Flock 1.2.6 浏览器查看,
图片页面:http://www.flickr.com/photos/kainy/4240316330/
用Ubuntu 8.04 LTS系统 Shiretoko 3.5 浏览器查看,
图片页面:http://www.flickr.com/photos/kainy/4239542585/
xp系统下显示普遍比其他系统正常点哈。
图片页面:http://www.flickr.com/photos/kainy/4240315920/
一口气贴了这么多图,看晕了吧? 呵呵,上面这写图片是在不同系统,不同浏览器下查看本博客的情况啦,,,别以为Kainy玩黑客,搞那么多肉鸡玩 , 其实是用到了一个有趣的服务 :-Browsershots提供的 检查浏览器兼容性(跨平台浏览器测试),相信站长朋友们会很欢迎这样的一个服务的咯。
就是在他们的不同地区,不同系统和配置的环境下浏览我们需要的网站,从而让站长们站在用户的角度来审视自己的网站。Kainy的博客在ie6下面目全非,那是显而易见的了,呵呵。
他们的网址是:http://browsershots.org/ ,大家快去试试吧,呵呵。。
还没有引用.
经纬邀请码发换
刚收到经纬注册邀请,现有邀请码6枚可用。 注意:对方接受邀请注册之后会直接和你建立一度关系,请不要把邀请链接公布在论坛、QQ群等公开页面。 因为经纬网有如上提示,故不在此直接公布邀请链接,有需要者可参看如下几条简单的要求。 邀请要求: 留言本日志,不希望看到没在本博留言过的ID; 有其他优秀网站邀请码(如知乎)交换者优先; 认识本人者不受上述条件约束。 经纬简介: 经纬是一个实名制的社交网络,我们立志于让每一个职业人的沟通联系变得更富成效,通过信任的传递,分享专业的智慧和资讯。 我们相信职业人的见地的高低决定他社交网络的质量,而社交网络的质量又反过来决定他见地的高低。而社交网络与投资一样,需要长期的投入,持续的评判,深入的思考和精准的把握。 我们希望经纬,让职业人的社交,不再止于认识,握手,交换名片,而是起于认识,终于认同。 我们相信经纬能够成为可信赖的实名网络,自由平等的网络。我们相信口碑的价值,借助人和人之间的评价,用户可以在经纬上得到最立体的展示,建立自身的公正和信用;动态的智讯展示,可以为职业人创造毕生的个人品牌,帮助用户的社交投资。 我们相信终有一天,经纬会成为每一个职业人身边的助手,帮助你建立个人品牌,拓展职业社交网络,传递信任,分享专业的智慧与资讯。 我们期望,以信任为经,分享作纬,和你共筑智讯社交网络的全新价值。 写于去年今日:2010: 远程连接内网(宿舍)PC成功!(2)
网站访客信息实时监控应用–GoSquared
GoSquared提供了对网站访客情况进行检索、分析,并且监控用户行为的实时跟踪的服务。 收集的统计信息非常详细,整理的也很有条理,提供了饼图、柱状图、列表等展示方式,方便对网站访问情况进行分析 并作出有针对性的SEO优化,如果是主流建站程序如Joomla! 、 WordPress还有专门的插件可供使用。 相比Google Analytics 、 cnzz等传统的网站统计服务,GoSquared最大的特色就是统计信息的实时展示,GoSquared更像是一个应用。对于本站这样小访问量的网站而言有点鸟枪打蚊子的感觉,而当网站访问量达到一定量,将能够更好地发挥其优势。 GoSquared提供的两个主要功能是: 1.livestats – 实时统计 可以查看 当前被访问的页面 – 该页面的访客数; 访客的详细信息 – 操作系统、浏览器、访客所在区域; 访客来路 – 搜索关键字、twitter等等 2.trends – 趋势统计 Pageviews – 不同时刻访客的数量曲线; Toppage – 一个时间区间内(Day、week、mouth、year)被访问最多的页面; Browswers - 一个时间区间内(Day、week、mouth、year)不同浏览器的访问排名; Pageviews per Visit – 每个时刻的的PPV(访问页面数平均值)值曲线; Referrers – 反向链接,也就是访客在打开本站页面前所访问的页面; Platforms – 操作系统平台; Screen Resolutions – 屏幕分辩率; New-Return visitors – 新访客/回头客; Traffic Sources [...]
Android手机(酷派D530)USB连接电脑上网
虽然之前办理的福州移动高校迎新活动套餐,每月保底消费40的话费基本够用;每天公交车上还接受着“3G时代信赖中国移动”的反复熏陶,但电信为吸引用户而给出的优惠摆在眼前。最终经受不住500元购D530的诱惑,于开学初入手了酷派D530,办理的是每月39元套餐费的天翼校园套餐3G版(套餐详情),签约18个月,30购卡送300元话费分18个月返还。这校园套餐还是很给力的,每月还有1G的流量供咱挥霍。 这里分享的是自己用酷派D530通过USB连接,为电脑提供网络的方法,也许不是最好的方法,但确是个人所知道的几个电脑通过手机联网方法中最容易操作的。简单的过程优化,希望能帮到尽量多有需要的盆友。 1.将手机通过USB线连接到电脑,会在“我的电脑”总看到D530_devices为盘符的图标,双击打开后可以看到上图中的文件,双击“checksetup.exe”进行客户端安装。 2.在安装客户端的过程中,上图中的警告窗会出现几次,选“始终安装…”即可,毕竟电信的东西还是相对可信的。 3.安装好了,一般会在桌面和快速启动栏添加启动客户端程序的快捷方式。 4.这时候要对手机端进行一些设置,将“USB”连接模式设置为“天翼宽带”(一般用usb连接电脑后,这个窗口就会自动跳出,如果没有看到的话,将屏幕上方的通知栏下拉后,点击“USB链接模式”设置即可)。 5.这是手机设置好之后应该显示的界面。 6.打开之前安装在电脑的“天翼宽带”客户端后的界面,这时点第一排按钮中的最后一个“自动连接”就可以啦。 7.客户端软件会自动,按一定优先级(wifi->3G->1X网络)判断当前环境下可用的网络,并连接。 8.如果有看到这个窗口,任选一个就行了,为图方便我这里选了“家庭网络”。 9.这时候在屏幕右下方会有图中红色框起来的这样一个图标,绿色表示网络连通了,掉线的时候是黑白的。 10.多了一个名称为“USB-KEY DIAL”的网络连接。 11.一般大学城这边的无线网络会比市区压力大速度也就慢些,无论是天翼CTNET还是移动CMNET,反正我自己用的体会是这样的。天翼3G网络还算给力的了,基本能满足正常使用。就是流量得悠着点。 写于去年今日:2010: 不同的文化,不同的尊严(0)2010: 胡戈2010年新作-宅居动物(0)
用HTML5无罪,挺CSS3有理
新特性无法很好地在现有浏览器中展现,是阻碍网页设计者采用最新技术的最大因素。除非你能够接受自己设计的网页在不同浏览器中有不同的外观,才有可能在现有环境下开始使用HTML5和CSS3。 虽然HTML5还 停留在草案阶段;然而换一种思路,如果你在等待CSS3的“完成”,也许将无法在有生之年看到那天的到来——要知道CSS2至今都未能为所有浏览器所支持! 本文作者的观点是:应该让每个用户获得效益最大化。对于那些使用前沿浏览器的用户,我们有什么理由不充分发挥哪些浏览器所提供的新特性?(呵呵,貌似和我《比较拉风的特效尝试》中的观点相似,渐进增强与平稳退化). 说是这样说,但要推进新技术普及,比较务实的做法还是提供平滑过渡的方法,故文章大部分内容是关于HTML5和css3跨浏览器降级兼容方案,有兴趣者可继续往下看: 以下内容来自:http://net.tutsplus.com/tutorials/html-css-techniques/html5-and-css3-without-guilt Not every HTML5 or CSS3 feature has widespread browser support, naturally. To compensate for this, enterprising developers have created a number of tools to let you use these technologies today, without leaving behind users who still live in the stone age. Prologue HTML5 Semantic Elements The good news is [...]
为什么所有浏览器的标记都带mozilla
今天在百度贴吧看到一条趣闻帖,楼主盖楼讲述了firefox、ie、netscape、safari等浏览器的user-agent带有mozilla标记的发展历程。感觉挺有意思的,整理了一下发到这儿。 原文地址:http://tieba.baidu.com/f?kz=939896169 最早的时候有一个浏览器叫NCSA Mosaic,把自己标称为NCSA_Mosaic/2.0 (Windows 3.1),它支持文字显示的同时还支持图片,于是Web开始好玩起来。 然后出现了一个新的网页浏览器,“Mozilla”,其实就是“Mosaic终结者”的意思,这搞的Mosaic很不爽,(毕竟Mosaic出道早,江湖老),新浏览器最后正式公布的名称是Netscape,它把自己标称为Mozilla/1.0 (Win3.1),更好玩了。Netscape支持框架显示,后来框架在大家中间流行起来了,但Mosaic不支持框架啊,于是伟大的“用户代理人探测”技术出现了,如果是“Mozilla”,那就发给支持框架的页面,至于其他的浏览器,则发给不含框架的页面。 Netscape想逗Microsoft玩儿,把Windows叫做“几乎不曾做过调试的设备驱动器”,后者很恼火。Microsoft于是推出了自己的 网页浏览器,叫做Internet Explorer,希望它能成为“Netscape终结者”。Internet Explorer也支持框架,但它不是Mozilla啊,所以没人给它发送带有框架的页面。Microsoft慢慢烦躁起来,不再寄希望于网站管理员逐渐 认识IE并给它发框架,而是宣称自己是“兼容Mozilla”的,开始模仿Netscape,把自己标称为Mozilla/1.22 (compatible; MSIE 2.0; Windows 95),这样Internet Explorer也能收到框架了,整个Microsoft狂喜,但网站管理员开始有点被搞糊涂了。 Microsoft把IE和Windows一起卖,并且把产品也弄得比Netscape更好了,拉开了第一场浏览器之战。结果和大家知道的一样,Netscape被干掉了,Microsoft大胜、大喜。但是后来Netscape以Mozilla的新名称重生了,构造了Gecko,标称其为Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.1) Gecko/20020826,Gecko属于渲染引擎,表现优异。Mozilla开发了Firefox,标称为Mozilla/5.0 (Windows; U; Windows NT 5.1; sv-SE; rv:1.7.5) Gecko/20041108 Firefox/1.0,并且Firefox表现也非常优秀。Gecko扩张迅速,一些浏览器使用了它的代码并标称为Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.2) Gecko/20040825 Camino/0.8.1 ,这是一个,还有Mozilla/5.0 (Windows; U; Windows NT 5.1; de; [...]
土豆网校招网申的职业倾向测试
昨天转了15个Google面试题,今天再来个有意思的——土豆网2011校招网申的测试题,后半部分非常有趣。每一题都有其针对性,可以考查出测试者的职业取向,你也来试试吧?看看你是认真严谨的Me型还是烂漫洒脱的We型职业性格。 1. 在我上初中的时候,每当我获得好成绩总是下意识地期待家人的赞许: * 是的,这会增加我在学业上的信心,因为信心对每个人来说都很重要 还是算了吧,将有瑕疵的部分马上搞清楚,这对我来说是当务之急 2. 在我的中学时代,我几乎没有迟到过: * 是的 不是 3. 课余时间,我更喜欢: * 现实主义小说 / 科学杂志 推理悬疑小说 / 艺术杂志 4. 过去上实验课,我总会按照老师所讲内容进行操作: * 是的,严格执行操作内容,证明所学理论对我来说很重要 不是,我经常会考虑如果不按照老师说的做会怎样,有时间的话我甚至会做些奇怪的尝试 5. 进入大学后,我很乐于在不同场合结交新朋友: * 是的,与陌生人成为朋友我会很高兴 如果可以选择的话,我喜欢和熟悉的人在一起 6. 就要一起毕业旅行了,比起给大家做行程安排,我觉得给大家谋划去哪旅行会更有意义: * 是的 不是 7. 被通知要参加土豆网的面试了,相对于事先准备我更习惯临场发挥: * 是的,随机应变是我向往的做事风格 不是,如果因为不做准备而被淘汰,我会后悔的 8. 在以往的学习生活中,我能发现同学更多的: * 不合逻辑的表达和做法 在情感上需要我去支持、安慰的情况 9. 你更倾向下面哪一个词: [...]
随手拍-201010
今天上午参观了学校网络中心,拍了一些图片放出来 至于再近一些的东西,当时忙着看设备 听老师讲解都没顾得上拍啦。。 ———————————— 下面这些是偶珍藏至今的,大一参见军训发的服装~ ———————————— 伤我的心之IT工程师地摊求职 有部分没拍好的照片也打包传上来吧,估计除了对偶自己有意义外,没什么人会有兴趣。 所有图片打包下载. P.S:学校摄影大赛,很多作品都很有意思哦:http://xcb.fjut.edu.cn/sheying/votelist.asp 对摄影有兴趣的不妨去看看哈。
JavaScript中的BOM和DOM
2010年10月10日 - 00:51
标签: BOM, DOM, JavaScript, 标准
分类: JavaScript | 8 人围观
BOM(JavaScript Object Modle)——浏览器对象模型是浏览器开发厂商为防止目前以及日后可能加入的大量可被控制的页面元素(HTML标签)给开发者造成的混乱,而为浏览器定义的浏览器模型,BOM结构如图示: BOM并不是标准,因为它关注的是浏览器的整体结构,包括浏览器窗口的属性和行为。每个浏览器都可以有自己的BOM,它们并不是完全一致的,上图只是列出了大多数浏览器都兼容的部分。 DOM(Document Object Modle)——是文档对象模型的简称,官方对DOM的解释是:应用于HTML或者XML的一种与平台、语言无关的接口(方法和属性),允许程序和脚本动态访问和更新文档的内容,结构和样式。 与BOM关注浏览器的整体不同,DOM只关注浏览器所载入的文档,也就是HTML标签对象。DOM并不是BOM的替代品,而只是把能够统一的东西尽量标准化。从逻辑上说BOM和DOM的关系,就是不管用什么设备生产罐头,生产出来的罐头必须符合国家罐头标准,这样才能减少由罐头引发的食品卫生案件。 对HTML中的节点而言,节点以BOM模型对页面本身进行处理;而DOM则增加了处理节点间关系的方便性。事实上,DOM的出现也是W3C为了标准化管理文档结构而创建的一种解决方案。 DOM与JavaScript的关系:无论组件有多少配置属性、还是事件、方法等等,其最终都会转化为HTML在浏览器上显示出来,而每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM对象,动态改变页面的内容,正是通过使用脚本语言来操作DOM对象实现。 仅仅有DOM是不够的,比如要把页面中的某一个节点移到其它位置,要给某一个节点添加阴影效果,要隐藏或显示某一个节点等,我们都需要通过 javascript的操作。
Chrome充当手机模拟器
用过一个Chrome扩展叫做Mobile Browser Simulator,说是用来模拟移动浏览器的,可实际安装后发现只是模拟了“形”——手机浏览框的尺寸,如果不带参数浏览看到的仍是www网页,比如使用该插件输入http://kainy.cn/浏览本博客则在框内显示的仍是PC浏览器的效果,而不是输入 这个 URL时显示的wap页面。 于是弄了个小玩意,可以用谷歌Chrome浏览器,很方便地用来当3G手机模拟器。在安装了Chrome的系统下双击小程序,即可启动Chrome 模拟相应手机的浏览器去访问3G手机网页,从而真正做到“神形兼备”。 如果觉得Chrome页面太大,“神”似了 但看起来感觉却不是手机浏览那么回事,也可以和MBS扩展结合起来使用(附件包里提供了汉化过的 mbs汉化.crx) 点击此处下载附件包 至于原理嘛,也非常简单,很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。小工具就是通过修改Chrome启动参数:User-Agent 来实现以假乱真的功能的 \(^o^)/~。 有了这个小玩意,开发手机界面的筒子们就不用为了测试页面效果而特地去安装个模拟器软件啦。 P.S:看了最后一张图你想到什么了没?对,想体验LBS服务而又没有移动设备的话,也可以用这种方法骗过浏览器检测哦!这里测试通过的是网易八方,签到没问题了,其他服务大家有兴趣的可以试试哈。














































约2年前
以前玩过这个网站。。。
提供的浏览器有几个没见过…
约2年前
呵呵,帅哥。me ,,好风骚的玉米啊。。。
约1年前
提供的浏览器有几个没见过…
约1年前
呵呵,长见识了吧。。。