Results tagged “html”

Firefox切换和自定义User-Agent的插件:

http://chrispederick.com/work/user-agent-switcher/

所有的移动浏览器的一些User-Agent整理:

http://www.zytrax.com/tech/web/mobile_ids.html

如何修改chrome的User-Agent:

http://www.labnol.org/software/hange-google-chrome-user-agent-string/4566/

 

上面的资料大概已经很不错了~~

--EOF--

法则10. 最小化JavaScript代码
最小化JavaScript代码指在JS代码中删除不必要的字符,从而降低下载时间。两个流行的工具是JSMin 和YUI Compressor。

混淆是最小化于源码的备选方式。象最小化一样,它通过删除注释和空格来减少源码大小,同时它还可以对代码进行混淆处理。作为混淆的一部分,函数名和变量名被替换成短的字符串,这使得代码更紧凑,同时也更难读,使得难于被反向工程。Dojo Compressor (ShrinkSafe)是最常见的混淆工具。

最小化是安全的、直白的过程,而混淆则更复杂,而且容易产生问题。从对美国10大网站的调查来看,通过最小化,文件可减少21%,而混淆则可减少25%。

除了最小化外部脚本文件外,内嵌的脚本代码也应该被最小化。即使脚本根据法则4被压缩后传输,最小化脚本刻减少文件大小5%或更高。

参考:

http://crockford.com/javascript/jsmin


http://developer.yahoo.com/yui/compressor/

其他的Javascript pack工具,从这里找到
http://www.lvjiyong.com/item/JQuery-document-ready
http://www.lvjiyong.com/tag/jquery

WordPress使用jQuery
http://wordpress.org/download/
http://jquery.com

 

Download jQuery 1.2.3 (15kb, Minified and Gzipped)
 Great for production use.
http://www.julienlecomte.net/blog/2007/08/13/


Download jQuery 1.2.3 (29kb, Packed)
 For those that can't Gzip their JavaScript.
http://dean.edwards.name/packer/


YUI Compressor on
http://www.julienlecomte.net/blog/2007/08/11/

--EOF--

我们使用IE还有TT等浏览器中打开UTF-8编码或者GB2312编码的网页,但title为中文的时候,网页会显示空白页,这个问题经常出现。

解决办法:

将类似如下的说明放在title之前:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>谷多的一亩田,一亩田的谷多</title>

 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>谷多的一亩田,一亩田的谷多</title>

 

 

至于为啥要这样,可以这样简单理解:

一般浏览器需要抓取完整页面后再对页面进行解析,但解析之前需要知道页面的编码方式。

如果Content-Type放在title之后,而title之中已经有汉字这类文字,极其容易使浏览器解析时出现半个汉字的情况造成乱码,对整个html页面的DOM结构造成破坏,后面定义的charset根本无法正确解析,进而无法正确解析整个页面。

如果你现在的页面虽然没这样写但浏览器比如IE仍然可以正确解析,不是因为你的页面规范,而是因为浏览器默认使用了GB2312或者正确的编码进行了页面解析,碰到默认编码不匹配的浏览器,出现空白页面或者乱码就再正常不过了。

 

--EOF--

something about html WYSIWYG rich editor

上周找遍MT的js代码,没能搞定用IE访问MT编辑日记时,在WYSIWYG编辑器中输入URL地址自动默认变成可点击链接,但不是默认的target="_blank"。
昨天回家继续看代码加了很多alert调试,仍然没有找到修改的地方。
今天更是从初始化开始看,没找到这个自动变成可点击的link的任何事件触发函数。无奈之下,只好到网上找其他WYSIWYG编辑器看看。
不看不知道,一看吓一跳,原来所有的WYSIWYG编辑器都是这样,可以肯定的是这里的实现逻辑代码已经不是需要手工来写的了。
另外一点也可以确认:在firefox中使用时,是不会默认变成可点击的link的。这么nb的blog程序,肯定应该会想到多浏览器兼容吧?
既然不需要手工写,那是否有其它可以设置的参数来修改呢?找了半天,还是不能找到,但对于所见即所得的html 编辑器倒是有了一份了解。
重点就是属性:document.designMode 了,可以在网上找到很多相关资料。
IE还可以使用 contentEditable 属性来设定。


几个免费的richedit 和相关文档。
http://www.google.com/search?hl=en&newwindow=1&q=JS+WYSIWYG+editor&btnG=Search

http://www.gerd-tentler.de/tools/richedit/
http://nicedit.com/
http://www.blueshoes.org/en/javascript/editor/

http://www.google.com/search?hl=en&q=WYSIWYG+textarea+link+
http://www.dynamicdrive.com/dynamicindex16/openwysiwyg/index.htm

document.designMode
http://operawiki.info/TextAreaEditor

http://www.google.com/search?hl=en&q=document.designMode

http://devedge-temp.mozilla.org/viewsource/2003/midas/01/index_en.html

http://www.devguru.com/features/tutorials/wysiwyg/wysiwyg2.html

http://samples.msdn.microsoft.com/workshop/samples/browser/webediting/onepageeditor.htm
http://msdn2.microsoft.com/en-us/library/aa753622(VS.85).aspx?url=/library/en-us/WCF_con/html/1e8d04dd-b7cf-41e7-8560-54b4381beb0f.asp?frame=true#activating_from_scr_and_html

 

--EOF--

1

Pages

March 2025

Sun Mon Tue Wed Thu Fri Sat
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31