在开发者工具中查看响应头的字符集编码信息

介绍了如何在浏览器的开发者工具中查看响应头(Response Headers)下的 Content-type 中的字符集编码信息

要想查看某个文档的响应头中的字符集编码信息, 以 Chrome 浏览器为例, 首先打开"开发者工具":

可以按快捷键 F12, 或单击窗口右上角的选项按钮, 然后选择 "更多工具--开发者工具"即可打开"开发者工具"窗口.

如下图打开 我的网站 为例所示:

开发者工具

缺省情况下显示在原窗口下面, 可以选择最右边三个竖点的按钮, 然后在 dock side 中选择不同的显示位置.

继续阅读

在《费曼物理学讲义》中,物理学家费曼曾打过一个比方:

如果你把一个苹果中的原子都放大到跟整个苹果那么大,那么苹果本身就会跟地球差不多大小。

也即是说在体积方面,有:

原子 : 苹果 ≈ 苹果 : 地球

所以,当你吃掉一个苹果时,你吃进去的原子数,相当于能把地球填满的苹果的数目。

太阳系有多空旷?可能比你能想象的最空旷的情形还要空旷许多!

下面的这个网站用真实比例绘制了太阳系的图像:

http://joshworth.com/dev/pixelspace/pixelspace_solarsystem.html在右上角的按钮中你可以选择“中文版”;其中的月球只有一个像素大小,在漫长的(乃至无聊的)横向滚动中,你一定能深刻体会到它的空旷!

为避免你太无聊,在漫长的滚动过程中,作者还不时插入一些文字跟你聊天!如果嫌手动滚动太慢,可以点击右下角的一个按钮,这时屏幕会自动以“光速”向右滚动,真的!

之前弄了一个域名及签名的一笔画动画,但只是做了一个结果展示,背后的原理没有去介绍,这次则弄了一个详细的原理介绍,参见:

//exp.xiaogd.net/hm/demo/css/stroke-animate/sa-demo.html

这次就没有去做什么幻灯片了,感觉那种形式也有其不灵活之处,这次还是回归了传统的方式,但跟传统的博客又有所区别。

主要是增加了一些互动方面的元素,用户可以与页面进行一定的交互,比如播放动画演示,通过一些输入元素实时调整参数的值以观察效果方面的改变。我感觉这种知识介绍与交互的糅合在增进用户理解方面还是有一定优势的。

当然现在的交互还是比较简单的,如果你有更好的想法,欢迎留言!