新上线的Ordue网站工具简介

王志勇 发表于 2011年02月19日 09:33

Ordue主要的功能目前有:PR值查询、Alexa流量排名查询、网页长度单位转化、网页分辨率预览。将来可能还会推出查询某些字符出现的次数、字符转化为英文小写、字符转化为英文大写、每个单词开头大写等等,这些工具适用于网页的开发、制作人员。

PR值查询功能,是此网站的主要功能,速度还是比较满意的,此功能查询的是实时PR值,没有使用缓存。查询结果范例:

在网页中添加PR值图标的功能,如果您需要申请此功能,在ordue.com网站上有介绍,可以按照ordue.com的提示获得代码,请在72小时内加入代码到任意的一个网页,刷新一次网页,此代码即可自动激活;如果72小时内未添加,此代码会自动失效,需要重新申请获得代码。

图片的超链接指向http://www.ordue.com/#c,其中#c不可省略,它的作用是自动查询当前页的PR值,效果如下。请在auiou.com的网页中点击如下图片,因为http://www.ordue.com/#c中#c是自动检测来源页的PR值,没有#c或者您是在本机的RSS阅读器中点击时则不进行检测。

PR值图片缓存的说明:浏览器缓存时间为6小时,服务器缓存为3小时。它的含义很简单,就是用户申请了像如上的在网页中显示自己网站PR值图标的功能,这张图片在网友的浏览器中的缓存(简称“本机缓存”)时间为6小时,通过直接点击网页,在6小时内都会调用网友本机缓存文件夹的图片文件,而按F5刷新,则不会调用本机缓存文件,会从服务器调用此图片文件;服务器缓存为3小时,含义是在3个小时内调用这张图片,如果按F5刷新,服务器缓存的PR值是从rat.ordue.com所在的服务器读取的,3个小时之后再次刷新,会从Google服务器读取,这是为了减少对Google服务器发送大量的PR值查询请求。这个PR服务器缓存实际上设置的时间越长,越能减少对Google发送查询请求,但在PR值更新时,可能会影响新PR值的及时显示,所以决定设置为3个小时。

以这个3个小时服务器缓存为例,假设PR值在2011年1月21日05:00更新的话,任何一位网友如果在05:01开始访问您的网页,并且网页中有ordue.com的显示PR值的图片代码,这时候显示的PR值是更新后的。如果任何一位网友如果在04:59开始访问您的网页,那么在04:59~07:59这段时间,无论如何刷新,都会显示旧的PR值,直到08:00才会显示新的PR值。这个缓存的作用过程,很类似于域名的TTL缓存。当然,也可以由网站管理员,或者让申请此PR值图片的站长,在PR更新时,手工删除服务器上的缓存,图片会立即显示新的PR值。这项删除ordue.com的PR值图片缓存的功能在程序上很容易实现,只是一般用不到,就暂不开发了,除非有很多网友要求,3个小时的缓存时间并不太长。

正因为使用了缓存功能,所以您有多个域名,每个域名都需要进行单独申请。因为如果使用不需要申请也能在图片中显示网站每个页面各自的PR值,会向Google服务器发送大量的PR值查询请求,这些内页平时可能是不需要查询的。再加上如果将来申请的人多,会重复调用ordue.com的图片,加重服务器的负担。所以使用缓存的方式,减轻服务器的负担,提高网站的速度。由于是使用<img>元素来调用远程的图片,所以并不会影响您的网站打开速度,图片的体积为200多字节。

网页长度单位转化,本博客之前已经有做过这个工具。这个工具用于px、pt、em单位的转化,特别是px与em的转化如果人工计算,是很复杂的,所以需要一个工具来转化。中文网页在CSS中的字体普遍使用固定大小,IE浏览器不能调整字体大小,例如使用px或pt为单位;英文网页的字体普遍使用百分比或em为单位,IE浏览器可以调整字体大小。当然,英文网页在百分比和em单位之间,更多地使用百分比,百分比和em的区别是使用em为单位的字体,会随IE浏览器的字体设置而变化更大。百分比和em的换算关系是100%=1em,em与pt的关系是1em=12pt。这些单位的换算关系是:100%=1em=16px=12pt。百分比或em单位要特别注意的是不能多层套用,例如<span style="font-size:110%">abcd<p><span style="font-size:130%">1234</span></span>,尽量避免这种情况的发生。因为abcd的字体是110%,而1234的字体并不是130%,是被重复定义了。解决的办法是使第一个<span闭合,或者我想到的办法是在万不得已的时候在<span style="font-size:130%">1234</span></span>的外面写一句表格的句子,用<table><tr><td></table>元素把它们包围,可以避免字体被重复定义,在IE6下测试通过。

网页分辨率预览功能,本博客也在很久之前有做过这个工具。原理很简单,就是一个<iframe>元素框架的网页,<iframe>元素的长度参数是用户输入的数字。例如iPhone网页的开发,iPhone的分辨率是320×480,在这个工具中输入数字320,可以预览宽度为320像素在iPhone中的网页效果。

ordue现在使用Go Daddy的Linux空间。

0条评论:

发表评论:
名字: (*必填)
博客: (可省)

正文:

  记住信息?

直接发送Trackback到此文章

说明:本评论系统不支持HTML代码。(您的留言需要审核,审核规则请见这里。)

王志勇:1980-09-26 (38周岁)
程序设计,前端设计。

版权声明:本博客所有文章,均符合原创的定义,禁止转载,违者将必究;正确的方法是贴原文的标题和网址即可。

与此相关的链接
自由勇专栏

Blog存档 Archives

2018年11月
2018年10月(30)
2018年09月(17)
2016年-2017年(9)
2014年06月-09月(10)
2013年 +

2012年 +
2011年 +
2010年 +
2009年 +
2008年 +
2007年 +
2006年 +
2005年09月(4)

Copyright © 2006-2018 auiou.com All rights reserved.
此Blog程序由王志勇编写 已经发布在Arsue