中间好多事情来来去去，我都以为自己要从代码工毕业了呢，不过貌似还没，决定再开始认真（？）了！！公司网站 www.novait.net 一直挂的，嘛，我们连门牌都不需要了，网站也无所谓啦，连BOSS在内我们就是这么一帮随便的人||| 所以，我自己在这里把手上过的wordpress活整理一下吧~

另：我自己瞎倒腾的WP们可以看我以前的日志 这里 ~

Jackzyoung 的网站，a wedding photographer，以前的flash站也是我们做的，后来因为更新需要转成wp了，是第一次用wp做网站结构~~

JZ Club 上海爵士俱乐部的网站，诶，各栏目内容后台都可更新，做的时候虽然累，写份说明文档后来我也就轻松一点啦~~

Travellers，杭州旅行者酒吧网站，还是内测版

JZ Festival 上海爵士音乐节官方网站，这可是折腾我到死了||| 全可编辑的内容，N多的自定义页面和各自N多的自定义字段，最后跑起来发现居然有把服务器拖垮的神力。。。是真的，做了测试，就办公室几个人不停的刷网站，服务器资源占用就会到100%，真的很吐血，最后用了静态化工具才恢复，看来，WP搭建动态内容多的网站，效率还要好好研究下的。。。

灵岩禅寺的网站，同样也是内测中，尝试用了CSS Sprites（你好落后喂！）~ 以前拿到稿子都是一个页面接一个页面的，先做一些是一些，不太能够做总体规划，这个一股脑的OK了交给我，做的就比较顺畅了~~

================================

原来，仔细算一算只过了这么几个，其他直接用wordpress做的网站附属博客就不去算了，结构也不太改的反正，也就是DIV+CSS作业了。。。手痒，想做更多呐~~

前3个用的是老版本，主题都是用sandbox改来的，我的大爱啊~ 后来2个用了WP的3.0版本，主题就都用twenty-ten去了，是个神奇的模板，有时间要写个好好研究的日志~ 不过说实在我的操作都是从把style.css完全清空开始的|||

恩，现在来回想一下中间碰到的问题及用到的插件吧~~

1. 标题美化

这个问题做中文站就不用想了（杯具），英文站的时候要好好处理一下的，我以前也写过 相关的东西 ，最终使用的是 AnyFont ，将标题转化为图片，后来Google也推出了自己的公用字体库 Font API，直接@font-face就好了，以后要和我们的小设计师先通通气去，哈哈~~

2. 自定义

做新的日志类型、页面类型、分类类型，网站结构需要越来越复杂，自定义内容就要好好跟上，工具很多，我自己用的 Custom Post Type UI ，需要WP 3.0及以上版本才能用，不过真的是很方便，有了它，网站内容类型的扩展的无限强大去了呢~

3. 静态化

结构复杂了页面效率超级成问题的，于是去用了 W3 Total Cache ，具体我也并不知道怎么回事，反正挺好的，问题解决了~

4. 其他

Breadcrumb NavXT 面包屑工具

Cforms 做表单，不错的选择

Search and Replace 调试必备啊，不用自己在数据库里搞来搞去了，直接把本地地址换成网址就行

All in One SEO Pack SEO优化，有人说好有人说不好，不过懒人的话，就还是用吧~

WP-Optimize 本地测试完了记得整理干净交给人家啊~ 超级强大的数据库清理工具

WP-DB-Backup 自动备份数据库，设置每周发到邮箱，就放心啦~

RSS Includes Pages 因为做了很多的自定义页面，所以输出RSS还是需要滴~

Calendar 用着挺好的日历插件，不过按要求自定义还是折腾坏我了|||

差不多就这么些了，想做其他插件折腾的还可以看我的 置顶Wordpress爬行日记 哈~~ 最近想把这个博客做下扩展，把自己的收藏夹整一下什么的，希望我有持续的动力~~ 另：WP的官方插件大海洋，东西实在是多了去了喂，大家有什么好物也可以给我推荐一下哈~~

您可能也喜欢：
[置顶] WordPress 主题插件修改 爬行记录（2011.1.19）	我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。	我自己做的Wordpress Test站大集合！~ WordPress是好物！~~	工作回归，继续学习！~ 如何使页面显示精美的非默认字体
无觅

P.S. 这点东西闲着没事我也弄了2个周，一点点东西看过去，还是发现了不少以前么发现的隐蔽功能滴，不过有些更改就真的很无语了。。。还有一些地方不太弄得通，谁能给指点下啊~

简单摘要一下~

• 整合了MU，可以做多站点管理
• 主题包清空了，只剩下 Twenty Ten ，能更好的结合展示3.0的新功能
• 自定义MENU管理功能，结合自定义posts、pages、categories、 tags 和links，让你的菜单和widget都更灵活
• 后台可以自定义头部图片和背景图片了
• 后台各页都在右上角增加了详尽help tab的说明文字来帮助管理
• 安装的时候开始允许自定义用户名和密码了
• 模板更新过程中使用自动维护模式
• 支持shotlinks啦
• 改进了 Custom post types and custom taxonomies，新增了等级支持
• 后台管理的配色方案也有了改进

用户功能

一般

升级时会检查并报告服务器环境是否符合php和mysql的版本要求

新的 wp_login_form() 可以让你把登陆框放在任何地方了（我以前无聊的还用过这种插件|||）

后台顶部换了新logo（。。。这也算）

后台顶部添加了不会被搜索引擎收录的迷你提示，防止自己不小心把自己删了（这是啥？没找到啊。。。）

去掉了Turbo这选项（也就是么有Gears本地加速鸟，Google也都放弃这玩意了哪~）

修改了一些选项名称，Posts->Edit 变成 Posts->Posts 这样的

修改了左边管理面板的icon

修改了灰色的管理主题

修改了readme.html的内容

通过E-mail发送修改或重置密码时候显示登陆框

控制面板

顶部添加Dashboard链接

把升级按钮从工具选项转移到顶部控制面板下

在外观选项内添加了MENU管理项（真正要用这个功能得去修改一下functions.php）

为新注册用户提供密码提示

把控制面板首页的当前块分成了内容和讨论2部分

文章

快速编辑里可以控制N多内容了

使用 add_editor_style() ，可以编辑你皮肤模板的 editor-style.css文件，这样后台编辑框里可见即可得模式更加具体鸟！~

页面和日志模式都可以用 custom taxonomy了

改良了修订版本的对比模式

可以使用 shortlinks了，不过需要插件及皮肤模板一同支持

增加 capital_P_dangit() 可以将 WordPress变成WordPress（你们有够无聊的啊喂！~ 貌似找不到具体页面）

媒体

新增了对FunnyOrDie.com的 oEmbed 嵌入功能

允许删除媒体文件的alt文字内容

把 Post Thumbnails 改成了Featured Image （不换汤不换药就是换个名字。。。）

简化了 edit media 媒体编辑画面

上传进度条不会挡住文件名称了（Orz…）

优化了附件的浏览形式

增加了更多文件类型的扩展支持，可查看 12581 和 13349

链接

在添加链接页面以类型名称排列而不是数量

评论

增加了新的日志评论栏

在控制面板模式下设置显示最新评论的数量

可以禁止对feature文章及密码保护文章的评论

改变了嵌套评论的UI样式并提供对父评论的链接

外观

增加了meta_value_num 和 meta_key来组织 WP_Query 查询时候的数字顺序

get_avatar() 中允许自定义评论类型来调用头像

在 theme 编辑器里允许使用Tab indenting, Shift-Tab (outdenting)和 multi-line tabbing

Tag Cloud Widget 标签云支持非tag的自定义taxonomies类型

可以通过 Background 背景选项自定义背景（预览模式有问题，老是只显示小方块，不过实际前台显示是OK滴）

新增  front-page.php ，用来显示自定义首页

新增 single-{post_type}.php，用来做 custom post types 自定义类型的文章

新增 author-{nicename}.php 和 author-{id}.php，用来做多作者不同的样式模板

新增 taxonomy.php 、 taxonomy-{taxonomy}.php 和 taxonomy-{taxonomy}-{term}.php 用来做 custom taxonomies 自定义分类

theme editor 模板编辑器的样式调整

将模板安装与管理分成了2个tab项

引入了子模板的支持，推荐阅读 Child Themes ，很简单就可以完成的

新的 comment_form() ，为模板提供完整的评论输出（点过去看看吧，搞得好复杂。。。）

删除了 Default (Kubrick) 和 Classic 模板

插件

可在添加插件页面的搜索结果列表中的各个结果名称下直接加入了详细信息和立即安装按钮

在 plugin 编辑器里允许使用Tab indenting, Shift-Tab (outdenting)和 multi-line tabbing

可以在 Plugins->Installed 中批量升级插件

当删除插件时，检查卸载函数，提示数据删除的警告

工具

在 the Tools 中增加了 category-to-tag converters的转换，然后 tag-to-category 的转换被放到了 Posts->Post Tags （就是标签和类别可以相互转换了，想想好像会有些用处的，不过为啥我点两个选项都会转到 import 页面去？？？）

Clean up OPML link export script（不知道。。。）

清理了OPML 链接导出脚本（么用过。。。）

在导出页面添加了一些选择标准，可以设定筛选导出内容

Import WordPress 选项包含了notices、attachments、和users（？？？）

去掉了Turbo菜单项，不过文件保留，从前版本设置过的仍可以用

All importers moved to the plugin repository (e.g. WordPress Importer)（？？？）

用户

Users->Add New 中允许添加 无角色用户（这是要干嘛？而且，没找到啊。。。）

设置

去掉了 Miscellaneous 杂项菜单，上传的设定被转到了 Media 媒体下

修正了 General 常规面板，把 blog地址改成 site地址（处处表决心啊这是|||）

修改了灰色后台主题色彩设计

安装过程

在安装过程中可以设置用户名和密码，而不需要再默认admin

当安装完成后显示log in按钮

安装过程中自动生成 Security Keys

wp-config-sample.php 中的信息标准化

多站点

在 wp-config.php 中定义了 WP_ALLOW_MULTISITE 以后，就会在工具面板中看到 Network 选项了

在符合if ( is_multisite() && is_super_admin())条件下，可以看到 Super Admin 菜单，包含了 Admin, Sites, Users, Themes, Options, Update, sub-menus

控制板下会出现 My Sites 菜单

工具选下下会有 Delete Site 菜单

在 wp-config.php 中配置network Configure a Network (multisite/WPMU)

Sites, Blogs, Networks相关的术语变化，参见 Andrew Nacin’s explanation

开发、主题及插件

更好的默认摘要，去掉了多空格，拆分UTF8字符串时更安全

提供 Child theme 支持， register_theme_headers() 添加新的而不会替换已存在的header

add_plugins_page() 允许在插件选项下添加子菜单

新增加的 get_search_link() with Permastruct (/search/) support（？？？），升级了 get_search_link()、 get_search_feed_link() 和 get_search_comments_feed_link()

新增了 is_comment_feed() 判断

过滤在注册和重复密码时添加 redirect_to 和 associated （？？？）

当初始化完成时添加了 wp_loaded动作

为 comment_parent (wp_comments 表)添加index来加速wp_delete_comment()和嵌套查询

在 wp_dropdown_categories() 中添加 hide_if_empty参数，可以在无内容时隐藏下拉类别

为 wp_dropdown_users() 和 wp_dropdown_categories() 添加id参数

为 get_page_by_title() 添加post_type参数

为 register_post_type() 添加taxonomies参数

为 wp_list_categories() 和 wp_dropdown_categories() 添加taxonomy参数来实现自定义

增加 edit_theme_options 功能 (看 developer discussion)

增加 list_users 功能提供比 editing users更多的用户列表控制

为旧的默认主题提供了兼容性代码，作为父主题的话可以不用特殊地去修改（但是不推荐，在后来的新版本中会被移除）

为 get_pages() 添加了自定义等级的文章类型支持

在 wp_insert_post() 中添加对post_content和post_title的默认设置

在 wp_insert_user() 中添加 email和登录的重复检查

提供了额外的right now控制面板widget的调用函数

添加了对 paginate_links() 中链接和 wp_link_pages() 中参数的选择器

添加post_updated_messages选择器，允许对wp-admin/edit-form-advanced.php中$messages数组的修改

当日志更新时添加post_updated动作，日志的ID、当前日志以及前一篇日志的相关信息会被传递，wp_check_for_changed_slugs()也升级了

增加新的taxonomy 分类系统时添加是否输出链接的判断

在 wp-config-sample.php 里添加了WP_DEBUG的定义，并推荐开发者使用

在twentyten主题里添加移动设备样式

在评论 get_comments 部分增加了更多的排序及筛选项

添加多站点功能 (#11644)

增加了一些议定条款并且可筛选列表

评论模板添加了可选的评论ID项

替换 $wpdb (#10864)方法

增加了对 get_terms() 进行 ‘include’ 包含和 ‘exclude’ 排除的数组支持

增加了对 is_singular() 进行特殊post_types的筛选，例如is_singular('book') or is_singular(array( 'newspaper', 'book'）)

在为 feeds 添加了 {rss2|atom|rdf|rss|opml}_head等回调函数

添加 themes_loaded 来判断父级/子寄主题是否调用

从2.9开始针对图片增加 ?ver=DATE 查询，用来避免CSS/JS调用中的修改对浏览器带来的缓存修改

对custom post types (#9674)的管理支持

对hierarchical taxonomies (#10122) 等级分类的管理支持

允许 custom post types使用自定义图标

remove_post_type_support() 对作者优先级权限的支持

允许get_posts() and get_pages() 使用数组参数

在wp_generate_password()中允许更多的特殊字符

允许 wp_mail()中有多个收件人，改善了对”\R\N”的头部识别

允许用户使用PHP 5.3的闭合

允许插件修改WP_User_Search的查询

允许主题重写wp_page_menu() 设置的菜单调用

针对WP_DEBUG, WP_DEBUG_DISPLAY, and WP_DEBUG_LOG更好的说明文档

修正了 Press This 编码

修正了 Settings->General中夏令时/标准时的转换显示

修正了WP_Filesystem的递归权限属性

改进了用户列表性能

在twenty ten里面，如果 post thumbnail 小于header的话，就不是用它来作为 custom header

不提倡使用*_usermeta()而推荐*_user_meta()方法

使用 add_editor_style()，可以为后台编辑器加入样式

用add_permastruct() 和 flush_rewrite_rules() 对应相应的重写规则 WP_Rewrite methods

从帮助中引入了 disabled() , 全局可用 selected() 和 checked() 而不仅仅是wp-admin

引入 delete_user_option()

引入 get_available_languages()

引入 get_comment_id_fields()，使得能够输出附加域

引入 get_index_template() 使得子主题 child themes 能够重写副主题的index.php

引入 get_intermediate_image_sizes()，可以获得所有图片的大小，可用于附件的添加删除

引入 get_post_types()获得post类型列表

引入 get_super_admins() 允许直接写入全局的super_admins数组来做站点设置

引入 get_taxonomies() 获得所有的已注册分类 (#12516)

引入 get_template_part()来调入通用文件 include generic files，而不仅仅是header, sidebar, footer各个部分 (#13146, #13816)

引入get_term_feed_link() ，在 wp_list_categories()中使用

引入 get_the_author_link()

引入 get_the_date()

引入 home_url()

引入 is_child_theme()

引入 is_post_type_hierarchical()来检查一个post类型是否支等级分类

引入 is_rtl()，当本地加载完成时被定义

引入 remove_theme_support()

引入 post_type_exists()

引入 sanitize_key()

引入 set_current_screen()，为ajax实时编辑请求设置当前页面，使得post可以正常显示

引入 taxonomy_exists() 替代 is_taxonomy()

引入 term_exists() 替代 is_term()

引入 the_shortlink() (#10640)

引入 unload_textdomain() ，为 load_*_textdomain()加入了 plugin_locale 和 theme_locale 过滤

引入 unregister_theme_headers()

引入 update_blog_details()

引入 wp_check_filetype_and_ext() ，来处理附件上传时的对比和更正

引入wp_reset_postdata() ，使用新的WP_Query 来重设post已经被当前 query_posts() 设置的全局属性

引入 DISALLOW_FILE_MODS 常量来禁止对core, theme, or plugins的修改

引入 DISALLOW_FILE_EDIT 常量标记来 允许/禁止主题及插件的编辑器

引入 DISALLOW_UNFILTERED_HTML 来为所有的用户甚至管理员、超级管理员屏蔽unfiltered_html

引入 SUBDOMAIN_INSTALL常量布尔值来替代VHOST

引入 WP_DEFAULT_THEME 在安装新站时来设置默认主题

引入自定义分类Custom Taxonomies译文字符串

引入主题兼容文件，不兼容的需要从父级模板继承的主题可以从wp-includes/theme-compat获得继承

引入 WP_User::for_blog() 和 current_user_can_for_blog() 来避免对WP_User::_init_caps()的调用

使用 wpdb::tables() 获得全局表名

为 unzip_file()引入压缩存档版本（可以提高主机存储效率）

get_bloginfo(‘wpurl’) 使用 site_url(), 而非 get_option(‘siteurl’)

更好的使用$wp_query->get_queried_object()

日历html5版本

将clear_global_post_cache() 并入 clean_post_cache()

将Categories/Hierarchical taxonomies 并入 edit-tags.php

将edit-page-form.php 并入 edit-form-advanced.php

将edit-pages.php 并入 edit.php

将page.php 并入 post.php

将page-new.php 并入 post-new.php

更强大的 is_tax() 版本

将 send_nosniff_header() 移入 wp-includes，可以在wp-ajax.php中被使用

新的 $required_mysql_version 在wp-db.php可以全局使用

新的 comment_form() 为模板的评论表提供了更完整的输出

在 query.php 有新的 posts_search过滤

优化 single_post_title(), single_tag_title() 和 single_cat_title() 可使用WP_Query 全局

将默认post转为 default_content, default_title, 和 default_excerpt ，使得可以在其他post类别中可以被过滤

避免使用page slugs，使用后缀

关于导航菜单，建议阅读 Ryan Boren’s recommendation

重定向 ?page_id=xx到post页面

重构get_available_languages()使用 glob()代替*dir

关于escaping rules for options 和 transients changed，看 Ryan Boren’s explanation

插件作者们测试来确定没有产生预料外的输出，看 Ryan Boren’s explanation

去掉了 STYLE_DEBUG常量，SCRIPT_DEBUG现在既针对scripts又对CSS

去掉了 wp-ajax.php，admin-ajax.php 可以被前台ajax请求使用

将 get_post_link() 改为 get_post_permalink() 来避免与 bbPress 的冲突

将 themes_loaded 改为 after_setup_theme，防止混淆

修改了代码规则 Coding Standards ，不再是驼峰式，使用小写变量

为?p=does-not-exist, ?cat=does-not-exist 等提供404页面

在菜单中可显示自定义等级分类 custom hierarchical taxonomies

只对超级管理员显示主题安装者

为ie.css添加后缀及version bump（？？）

Settings API现在能够使用 add_settings_error() 自动显示确认的错误(#11474)

整理了对WP_DEBUG的逻辑定义

升级了 wp_popular_terms_checklist() 来处理自定义的分类 taxonomies

升级 jQuery 1.4.2 (#12305)

升级 jQuery UI 1.7.3

升级 json lib

升级 phpass 到 0.2

升级 Prototype.js 到 1.6.1

升级 Scriptaculous.js 到 1.8.3

升级 SWFobject JS 到 2.2

升级 wp_clear_scheduled_hook 允许使用数组

在 wp-admin 中使用 admin_url() 处理图片，允许使用过滤筛选

在wp_count_terms() 中使用 get_terms()

若干 phpDoc 的更新

若干 wp-includes/http.php修改

您可能也喜欢：

最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。

WordPress 主题收集 PART 2

WordPress SEO 手册【伪】Cheat Sheet Seo for WordPress，PONY口水版，慎入！~

WordPress Custom Fields 自定义字段使用

无觅

然后没事把自己的wp站子也整理下，没事到处乱晃，看见人家的网站漂亮的就手也痒了，对数据库啥的其实没什么大了解，不过wordpress这个东西实在是神奇强大，反正捣腾捣腾啥都能整出来！~ 最近想做个卖T的站子，找找好的例子去还要~~

您可能也喜欢：

使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总

WordPress 主题框架推荐，我自己爱用的 Sandbox WP 大集合~ 第16个新鲜出炉~~

WordPress 主题收集 PART 2

WordPress SEO 手册【伪】Cheat Sheet Seo for WordPress，PONY口水版，慎入！~

无觅

本来用flash写，还能做到整屏横刷，背景模糊啥的，本来找了个做图片模糊的js来做，不过毕竟效率不好比，打开页面要花半分钟来渲染16张背景图，放弃了就，IE7和IE6下应该是页面结构读取顺序和js作用时间方面有差，反正我瘟骑下也没这俩啥事了，哦也~~

您可能也喜欢：
WordPress 主题框架推荐，我自己爱用的 Sandbox WP 大集合~ 第16个新鲜出炉~~	最后的挣扎，15th WP站，BOSS说，要开始学学AS3了。。。	我自己做的Wordpress Test站大集合！~ WordPress是好物！~~	我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。
无觅

占位喊一声，有8个google wave邀请码，有需要的话。。。

有2天空闲，又做了一个新滴WP，依旧是sandbox基础~ 依旧是不做设计只做代码~

首先是把图片地址写入WP日志，首页调用的时候用js随机取出一张作为首页封面图，同时使用了masonry做插缝的绝对定位排列，所以需要知道每张图的高宽，然后这中间就问题多多，js在不同浏览器下的执行顺序啊，页面结构的读取顺序啊，图片加载完全的判断啊，都不一样，头痛了挺久，不过还好最后解决了~~ FF/IE7/IE6测试通过~~ 撒花~~

然后今天看到了关于WP主题框架介绍的文章（相关资料在最下面有链接~），我是爱用且只用过sandbox，不过主题本身已经不更新了，到WP2.9版本官方增加了不少新的function，所以其实一直在想着要不要换个框架试试看，那么，在这里先把以前的东西晒一晒，俺是picasa被封的受害者，绝大多数测试网站图片都是在picasa下，现在看不见了只能内牛，555，嘛，下次选个新的框架用用，也换个新的相册，如果勤快的话再追加下使用体验啥的~~

A Comparison of 6 Popular WordPress Frameworks

WordPress Theme Frameworks explained

您可能也喜欢：

wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。

我自己做的Wordpress Test站大集合！~ WordPress是好物！~~

WordPress 主题收集 PART 2

WordPress 主题收集（2008.12.15更新）

无觅

再说回这个WP，有Bug，刚放出去天地会的兄弟就提出来了，鼠标狂移就出错，嘛嘛嘛，这个我也知道的，速成品就这样，我也懒得修正的了。。。

深刻的觉得，果然，做程序的都有强迫症。。。我自己就超喜欢看个网站的时候拖拖窗口大小啥的。。。

您可能也喜欢：

WordPress 3.0 Thelonious正式发布(好久!!!)鸟~~ 官方说明文档【某P无责任整理版】，完了觉得自己好无聊|||

我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。

说开始就开始，AS3殿堂之路，看我能爬多远~先爬前辈豆腐男的Blog~~

17th，2小时FF下制作，3小时IE下调试|||

无觅

做这个的时候走了不少弯路，要好好反省一下|||

Mareen

网站原型在 这里 ，效果超棒！~ 页面的加载效果超级想学来做的，因为那边用的是prototype，看见那个complete我就有点晕了，网上狂找jquery的图片加载完成用法，未果，于是就转而用基本的onload，在FF里还好，到了IE里面却没效果，研究半天发现<img src=”ooxx.jpg” onload=”ooxx()” />是没办法实现的，要把onload放src前面才行，问题我后台只写了<img src=”ooxx.jpg” />其他东西都是jquery另外塞进的，没办法排顺序||| 结果浪费了不知道多少时间调整结构啊JS啥的，却被别人告诉原来用jquery的load函数就可以了，真是要郁闷到内伤了，但是考虑整体结构要在这个例子里再使用这个效果还是比较麻烦，最开始的时候没考虑进去，so，放弃。。。

还有另外一个内容随浏览器大小改变而改变竖直方向定位的问题，监控浏览器可见区域高度的时候怎么测试都不对，不是数值固定不变就是拉大浏览器反而数值变小了，最后最后最后，才发现原来这个和页面顶部的W3C标准设置及浏览器兼容都有关系。下面是找到的资料，记录一下

<script>
function getInfo()
{
var s = “”;
s += ” 网页可见区域宽：”+ document.body.clientWidth;
s += ” 网页可见区域高：”+ document.body.clientHeight;
s += ” 网页可见区域宽：”+ document.body.offsetWidth + ” (包括边线和滚动条的宽)”;
s += ” 网页可见区域高：”+ document.body.offsetHeight + ” (包括边线的宽)”;
s += ” 网页正文全文宽：”+ document.body.scrollWidth;
s += ” 网页正文全文高：”+ document.body.scrollHeight;
s += ” 网页被卷去的高(ff)：”+ document.body.scrollTop;
s += ” 网页被卷去的高(ie)：”+ document.documentElement.scrollTop;
s += ” 网页被卷去的左：”+ document.body.scrollLeft;
s += ” 网页正文部分上：”+ window.screenTop;
s += ” 网页正文部分左：”+ window.screenLeft;
s += ” 屏幕分辨率的高：”+ window.screen.height;
s += ” 屏幕分辨率的宽：”+ window.screen.width;
s += ” 屏幕可用工作区高度：”+ window.screen.availHeight;
s += ” 屏幕可用工作区宽度：”+ window.screen.availWidth;
s += ” 你的屏幕设置是 “+ window.screen.colorDepth +” 位彩色”;
s += ” 你的屏幕设置 “+ window.screen.deviceXDPI +” 像素/英寸”;
//alert (s);
}
getInfo();
</script>

网上找到的资料一般是给出上面这些获得方法，但是如果页面顶部W3C标准为transitional的话，即有<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>这样的标记的话

在IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
在FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
在Opera中：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）

而如果没有定义W3C的标准，则
IE为：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为：
document.documentElement.clientWidth ==>
页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==>
页面对象高度（即BODY对象高度加上Margin高）
Opera为：
document.documentElement.clientWidth ==>
页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==>
页面对象高度（即BODY对象高度加上Margin高）

这两天公司招人，让我修改一下网站前端的招聘要求，就跑去看了看别家的，里面蛮多都要求读懂“JavaScript框架源码”，说实在jquery我也就是胡乱用用，完全没想过要读源码啊||| 半路出家JS基础都麽有的我是不是有功夫应该去看一下呢。。。

您可能也喜欢：

来体验一下Chrome Experiments，玩玩JS效果吧~

ladeq.it 学习Jquery animate方法，这个是WP居然

LIGHT BOX效果JS大集合（Jquery相关）

jQuery 常用方法一览

无觅

一直以来我的站子都是“慢就一个字”，我曾经怨天怨地怨服务器，脑子清醒的时候可能会怨下自己||| 拿到这个工具看过以后，事实让我无力。。。

以下是我的新站 www.today-s-ooxx.com 参照Yslow规则（新版本由原先的12条增加到了22条）进行优化的前后对比，评级最好为A最差为F

D级到C级，页面48元素640.5K到20元素156.7K，下载时间由原先的56s（|||）到12s

Yahoo另外给出了包括Yslow规则（22条）的34条 详细说明 ，通过查看这些你可以对自己的网站页面进行一次全面的分析，然后就是动手改进的工作了，看看我上面的成果，动手吧！~~下面我来简单的说一下~

1.Minimize HTTP Requests 减少HTTP请求

图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，利用 CSS sprites 将小图拼合后利用background来定位。

这个标准我从F到了A，扔掉了lightbox和一些不必要的插件，剩下的JS和CSS做了最大程度的拼合，这个皮肤本身几乎没有用到图片所以不管CSS sprites，这样改进后效果很明显

2.Use a Content Delivery Network 利用CDN技术

CDN 确实是好东西，8过服务器提供商的这项服务一般是要收费的，我以前买的国内空间是有这个的但是我当时根本不知道啥用，现在没了。。。

WordPress CDN 有CDN账号的可以用用这个，Google AJAX CDN 也可以用

3.Add an Expires or a Cache-Control Header 设置头文件过期或者静态缓存

浏览器会用缓存来减少http请求数来加快页面加载的时间，如果页面头部加一个很长的过期时间，浏览器就会一直缓存页面里的元素。不过这样如果页面里的东西变动的话就要改名字了，否则用户端不会主动刷新，看自己衡量了~ 这项可以通过修改.htaccess文件来实现

我的这项虽然表面上麽有变化，是F，不过我本身的站点是设置过了，还剩下的是picasa的外链图片，这个不是我自己能弄的，当然，如果不外链就能解决这个问题~

4.Gzip Components Gzip压缩

Gzip格式是一种很普遍的压缩技术，几乎所有的浏览器都有解压Gzip格式的能力，而且它可以压缩的比例非常大，一般压缩率为85%。压缩没压缩，可以到 这里 做下测试

倒腾来倒腾去，由F到了E，测试结果是我的压缩率为74.3%，还剩下我自己的三个JS和一个CSS没有被压缩，不知道咋回事

5.Put Stylesheets at the Top 把CSS放顶部

让浏览者能尽早的看到网站的完整样式

6.Put Scripts at the Bottom 把JS放底部

网站呈现完毕后再进行功能设置，当然这些JS要在你的加载过程中不影响内容表现

能放下面的我放了，放多了就变样了。。。另外插件的JS加载我就没管，懒得更改那一块的写入了

7.Avoid CSS Expressions 避免CSS Expressions

CSS表达式很可怕，这个只被IE支持的东西执行时候的运算量非常大，你移动一下鼠标它都要进行重计算的，但有时候为了做浏览器的兼容必须要用到这个||| IE6去死去死！~

8.Make JavaScript and CSS External 将JS和CSS外链

前面讲到了缓存这个事情，一些较为公用的JS和CSS，我们可以使用外链的形式，譬如我就是从Google外链来的Jquery文件，如果我的浏览者在浏览别的使用了这个外链文件的网站时已经下载并缓存了这个文件，那么他在浏览我的网站的时候就不需要再进行下载了！~

9.Reduce DNS Lookups 减少DNS查找

貌似是要减少网站从外部调用资源，我的Google分析和picasa的外链图片都算在里面了

10.Minify JavaScript and CSS 减小JS和CSS的体积

写JS和CSS都是有技巧的，用最少的代码实现同样的功能，减少空白，增强逻辑性，用缩写方式等等，当然也有不少工具也能够帮你实现这一点

貌似 SmartOptimizer 挺NB得的，8过我用了出错，难道是JS已经被我写乱了？|||

11.Avoid Redirects 避免重定向

再写入链接时，虽然“http://www.today-s-ooxx.com”和“http://www.today-s-ooxx.com/”仅有一个最后的“/”只差，但是结果是不同的，服务器需要花时间把前者重定向为后者然后进行跳转，这个要自己注意，也可以在Apache里用Alias 或者mod_rewrite或者DirectorySlash解决。

12.Remove Duplicate Scripts 删除重复脚本

重复调用的代码浏览器并不会识别忽略，而是会再次运算一遍，这当然是大大的浪费

13.Configure ETags 配置ETags

搞不清楚咋回事，总之我是在.htaccess里把它删除了

Header unset ETag
FileETag None

14.Make Ajax Cacheable 缓存Ajax

Ajax是实时响应的，在浏览器接收到新的数据前，旧的数据被缓存，这样能够更好的提高效率

15.Flush the Buffer Early 尽早的释放缓冲

当用户进行页面请求时，服务器端需要花费200到500毫秒时间来拼合HTML，将写在head与body之间，释放缓冲，这样可以将文件头先发送出去，然后再发送文件内容，提高效率

16.Use GET for AJAX Requests 用GET方式进行AJAX请求

Get 方法和服务器只有一次交互（发送数据），而 Post 要两次（发送头部再发送数据）

17.Post-load Components 延迟加载组件

最先加载必须的组件进行页面初始化，然后再加载其他，YUI Image Loader 是很好的例子

18.Preload components 预加载组件

提前加载以后可能用到的东西，和延迟加载并不冲突，它的目的是为后续请求提供更快的响应，参见Google首页上的CSS sprites应用

19.Reduce the Number of DOM Elements 减少DOM元素数量

复杂的页面结构意味着更长的下载及响应时间，更合理更高效的使用标签来架构页面，是好的前端的必备条件

20.Split Components Across Domains 跨域分离组件

页面组件多个来源可以增大你的平行下载量，但注意不要过多，超过2-4个域名会引起上面说到的DNS查找浪费

21.Minimize the Number of iframes 减少iframe数量

需要更有效的利用 ifames。
iframe 优点：有利于下载缓慢的广告等第三方内容，安全沙箱，并行下载脚本
iframe 缺点：即使为空也会有较大资源消耗，会阻止页面的onload，非语义

22.No 404s 不要出现404页面

站点本身里（非搜索结果）出现404页面，无意义的404页面会影响用户体验并且会消耗服务器资源

23.Reduce Cookie Size 减小Cookie

Cookie在服务器及浏览器之间的通过文件头进行交换，尽可能减小Cookie体积，设置合理的过期时间，能够很好的提高效率

24.Use Cookie-free Domains for Components 对组件使用无Cookie的域名

对静态组件的Cookie读取是一种浪费，使用另一个无Cookie的域名来存放你的静态组件式一个好方法，或者也可以在Cookie中只存放带www的域名

25.Minimize DOM Access 减少DOM的访问次数

JS访问DOM是很慢的，尽量不要用JS来设置页面布局

很不巧我的这个站点就是用JS来实现每个DIV的绝对定位的|||

26.Develop Smart Event Handlers 开发灵活的事件处理句柄

DOM树上过多的元素被加入事件句柄的话，反应效率肯定会低，YUI事件工具有一个 onAvailable 方法可以帮助你灵活的设置DOM事件句柄

27.Choose < link  >over @import 使用< link >而非 @import

在IE中使用@import就和在页面底部用< link >一样，我们前面说要把< link >放顶部的

28.Avoid Filters 避免过滤器的使用

如果需要Alpha透明，不要使用AlphaImageLoader，它效率低下而且只对IE6及以下的版本适用，用PNG8图片。如果你非要使用，加上_filter以免影响IE7+用户。

29.Optimize Images 优化图片

将你的GIF转为PNG8会是个减小体积的好办法，另外有很多方法处理你的JPG及PNG图片以达到优化效果

30.Optimize CSS Sprites 优化CSS Sprites

在CSS Sprites中竖直并尽量紧凑的排列图片，尽量将颜色相似的图片排在一起，会减小图片本身的大小及提高页面图片显示速度

31.Don’t Scale Images in HTML 不要在HTML中缩放图片

图片要用多大的就用多大的，1000X1000的图片被width=”100″ height=”100″以后，本身的KB数是不会减少的

这个我的站子有大大的改进，首页图片我是从内页选出来的，原始大小为512，当我把它们全部改成200大以后，我的首页图片总大小由原来的455K缩减到了83K

32.Make favicon.ico Small and Cacheable 缩小favicon.ico的大小并缓存它

站点的浏览器ICO应该不是经常换吧，那就长时间的缓存它，并且最好控制在1K以下

这个。。。我用了gif动画，7.5K

33.Keep Components under 25K 保证组件在25K以下

iPhone不能缓存25K以上的组件，并且这还是要在被压缩前

34.Pack Components into a Multipart Document 将组件打包进一个多部分的文档中

就好像在邮件中加入附件一样，一个HTTP请求就够了，但是这一技术需要确保你的代理支持，iPhone就不支持

==============================================

呼~~~~~~~~~~~~~~~应该可以预言，本文将成为本年度本人最最最最用心写的日志了。。。粗粗的这样翻译了一遍，确实学到了很多东西，都是可以应用在我以后的前端页面架构工作中的，但其实还是有很多东西搞不清楚，只是照着E文说下来了，嘛，Web Front-End Engineer，前路漫漫啊~~~

另：我的这个 Work Blog 本身和另外一个 Life Blog 的Yslow测试结果真是惨不忍睹，稍稍改了改仍旧是E级的，我已经无力了。。。

您可能也喜欢：
使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总	Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站	【无责任翻译】网站不需要进行搜索引擎优化的7个理由	我自己做的Wordpress Test站大集合！~ WordPress是好物！~~
无觅

工作不忙的时候一般都是GR阅读时间，网络游荡收获的东西总想记录分享一下，于是就有个这个网站的计划，皮肤修修改改花了一个来周，然后内容准备了一阵子，然后，就今天啦，正式对外开放！~~ 还请大家多多捧场哈~~

您可能也喜欢：
我自己做的Wordpress Test站大集合！~ WordPress是好物！~~	使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总	我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。	WordPress 主题收集（2008.12.15更新）
无觅