潔靜精微 » browser http://julabs.me/blog 想努力创造完美的东西，必须具备心灵的纯洁，同时富于宗教精神。 Wed, 18 Jan 2012 06:34:33 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 Ajax同步请求会临时锁住浏览器 http://julabs.me/blog/synchronous-requests-lock-the-browser/ http://julabs.me/blog/synchronous-requests-lock-the-browser/#comments Sat, 17 Apr 2010 08:39:36 +0000 admin http://julabs.me/blog/front/ajax%e5%90%8c%e6%ad%a5%e8%af%b7%e6%b1%82%e4%bc%9a%e4%b8%b4%e6%97%b6%e9%94%81%e4%bd%8f%e6%b5%8f%e8%a7%88%e5%99%a8/ 由于公司网页在加载时会用Ajax发送大量请求，服务器吃不消，就把Ajax请求设置为同步。但在页面加载时浏览器会出现停顿，刚开始我还以为是写的JavaScript效率不高，占用太多的内存，造成浏览器停顿现象。这两天无意中发现如果把Ajax请求设置为同步的话，浏览器会被临时锁住，在请求返回之前不能进行任何操作。它会临时中断所有的JavaScript命令，也不能点击按钮，甚至选择文本内容。

我是到这两天才发现这个问题的，和Ajax接触了这么多年才发现，看来我对Ajax基础知识了解地实在是太肤浅了，以后要加强基础知识的掌握了。关于Ajax的基础知识可以参看W3C的资料——《XMLHttpRequest》

解决方法可以参看《自动排队的异步Ajax请求》

]]> http://julabs.me/blog/synchronous-requests-lock-the-browser/feed/ 0 用PHP侦测浏览器名称版本 http://julabs.me/blog/php-browser-check/ http://julabs.me/blog/php-browser-check/#comments Sun, 27 Dec 2009 10:22:12 +0000 admin http://julabs.me/blog/?p=122 继续阅读 →]]> 现在的浏览器有很多种，每种又有不同的版本，为了让网页在不同的浏览器的呈现出相同的样式，页面制做人员便使用大量的偏方（即hack，我把它叫做偏方）。做这种事情是很痛苦的，做过的人都知道。于是有些人分别针对不同的浏览器编写相对应的CSS文件，然后用IE条件注释方式来判断载入，代码如下：

<link href="common.css" type="text/css" media="screen, projection" />
<!--[if IE 7]><link href="ie7.css" type="text/css" media="screen, projection" />
<![endif]--><!--[if IE 6]><link href="ie6.css" type="text/css" media="screen, projection" />
<![endif]-->

其实也可以用后台动态语言来判断浏览器种类的。在PHP中可以使用函数“$_SERVER['HTTP_USER_AGENT']”，它和JS中的“navigator.userAgent”函数具有相似的功能，而且我在PHP官网上找到一篇介绍介绍get_browser函数的文章，在里面找到了不少判断浏览器种类的代码，现转一个在这里：

<?php
//        _______
// ----- | CONF. |
// add new browsers in lower case here, separated
// by spaces -  order is important: from left to
// right browser family becomes more precise$browsers = "mozilla msie gecko firefox ";
$browsers.= "konqueror safari netscape navigator ";
$browsers.= "opera mosaic lynx amaya omniweb";
//        _______
// ----- |PROCESS|
$browsers = split(" ", $browsers);
$nua = strToLower( $_SERVER['HTTP_USER_AGENT']);
$l = strlen($nua);
for ($i=0; $i<count($browsers); $i++){
	$browser = $browsers[$i];
	$n = stristr($nua, $browser);
	if(strlen($n)>0){
		$GLOBALS["ver"] = "";
		$GLOBALS["nav"] = $browser;
		$j=strpos($nua, $GLOBALS["nav"])+$n+strlen($GLOBALS["nav"])+1;
		for (; $j<=$l; $j++){
			$s = substr ($nua, $j, 1);
			if(is_numeric($GLOBALS["ver"].$s) )
			$GLOBALS["ver"] .= $s;
			else
			break;
		}
	}
}
//        _______

// ----- |  USE  |

echo("<pre>Your browser is: ");
echo($GLOBALS["nav"] . " " . $GLOBALS["ver"] . "</pre>");
?>

如果你用的是IE6，页面会显示：Your browser is: msie 6.0；如果用的是火狐2，会显示：Your browser is: firefox 2.0。

]]> http://julabs.me/blog/php-browser-check/feed/ 0 用“document.compatMode”判断浏览器布局模式 http://julabs.me/blog/javascript-browser-mode/ http://julabs.me/blog/javascript-browser-mode/#comments Sun, 27 Dec 2009 10:07:50 +0000 admin http://julabs.me/blog/?p=120 在看mootools文档时，看到了“document.compatMode”，这句代码从未见过，一查原来它可以侦测游览器的布局模式（Layout）。布局模式一般分为标准模式（Standards Mode）和怪异模式（quirks mode），在标准模式中，浏览器根据W3C所定的标准规范来显示页面；而在怪异模式中，页面将以IE5，甚至IE4的显示页面的方式来表现，以兼容以非标准代码编写的网页，保持其能正常显示。关于模式的更多信息请参看aoao的《浏览器的模式问题 Quirks Mode vs Standards Mode》一文。

虽然可以兼容了，但也给网页制做带了一些麻烦，比如在获取页面可视区域的总高度时就要用“document.documentElement”来判断页面是以何种模式来布局的。个人认为用“document.compatMode”更简单点。“document.compatMode”有两个值，一个是“BackCompat”，对应怪异模式；一个是“CSS1Compat”，对应标准模式。

]]> http://julabs.me/blog/javascript-browser-mode/feed/ 0