对于webkit浏览器，图片本身就无法被改变大小，所以，不用解决

firefox，有个特殊的command—-enableObjectResizing，于是

if(H.browser.getBrowser()==”ff”){
_.iDoc.execCommand(‘enableObjectResizing’, false, ‘false’);
}

对于IE，就比较复杂，IE有一个onresizestart事件，可以通过

img.onresizestart=function(){

return false;

}

来解决，但是这个有个问题，就是图片依然可以被选中。看着那几个方块，那叫一个难受。想了很久，想到个办法，就是禁止图片被选中不就好了，

OK

img.onmousedown=function(){

window.event.returnValue=false;

return false;

}

于是，完美解决！

<div style=”width:30px; height:30px; position:relative” id=”outer”>

<div style=”position:absolute; width:30px; height:30px; left:20px; top:20px;”></div>

</div>

<script>

console.log(document.getElementById(“outer”).scrollWidth);

</script>

chrome 16.0    结果是50

firefox 10.0     结果30

IE 9.0                结果50

IE 8.0                结果50

IE 7.0               结果30

IE 6.0              结果30

神奇的世界！

如果outer加一个overflow:hidden

则各浏览器，都为50

通过www.a.com向abc.a.com发送请求，然后神奇的事发生了，在firebug中，提示该次请求状态是200，但是实际上，status是0，这好像是firebug的一个bug吧。

发现设置document.domain=”a.com”，需要一个iframe作为代理来发送ajax，大不爽！选其他的。

蝈总作为一名PHP人士，喜欢JSONP，最后解决了问题，但是我更喜欢用flash做代理。

JSONP的优点：原生JS， 缺点，需要服务器端写特别的接口

FLASH的优点：一次设置，所以的连接都有用  缺点：需要一个控件，虽然基本每个浏览器都有

好吧，热烈的讨论持续了很久，最后我败了。。

2.每次提交，都要encodeURIComponent

解决方案是：

ele.onselectstart=function(e){

e.preventDefault();

e.stopPropagation();

}

但是alert([]==![]) ,会神奇的发现，它居然是true。这到底是怎么回事呢？

首先，分解一下这个表达式。

[]==![]  由以下几步完成判断。

1、求值![]

2、参考ECMAScript文档（以下简称文档）11.4.9  Logical NOT Operator ( ! ) ，!运算符首先对[]进行toBoolean([])操作，文档9.2中得知，如果参数是Object，则返回true。于是  ![] 最后 得值 false

3、表达式变为[]==false

4、参考文档11.9.3 The Abstract Equality Comparison Algorithm，根据规则，第七条 If Type(y) is Boolean, return the result of the comparison x == ToNumber(y). 由于我们的右边的是个布尔值，所以对false进行toNumber(false)操作，文档9.3 ToNumber中，可知如果是false，那么toNumber返回0

5、表达式变为[]==0

6、继续看文档11.9.3，我们来到了第九条：9. If Type(x) is Object and Type(y) is either String or Number,return the result of the comparison ToPrimitive(x) == y. 由于[]是个Object，而右侧是Number 0，所以，对左侧的[]执行toPrimitive操作，根据文档9.1的toPrimitive章节，一个object的toPrimitive操作返回值是它的[[DefaultValue]],根据文档8.12.8的第一条，由于[]存在toString方法，所以返回[].toString().

7、表达式变为”"==0

8、又一次来到文档11.9.3第五条：5. If Type(x) is String and Type(y) is Number,return the result of the comparison ToNumber(x) == y，于是对”"进行toNumber操作，于是再一次来到文档9.3及9.3.1，得知，如果是空字符串，那么toNumber返回的是0

9、表达式变为0==0

10、返回true

神奇吧！~

参考文档：ECMAScript-262 Edition 5 ,地址 http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf

服务器端server.php

<?php

/*  >php -q server.php  */

error_reporting(E_ALL);

set_time_limit(0);

ob_implicit_flush();

$master  = WebSocket(“localhost”,12345);

$sockets = array($master);

$users   = array();

$debug   = true;

while(true){

$changed = $sockets;

socket_select($changed,$write=NULL,$except=NULL,NULL);

foreach($changed as $socket){

if($socket==$master){

$client=socket_accept($master);

if($client<0){ console(“socket_accept() failed”); continue; }

else{ connect($client); }

}

else{

$bytes = @socket_recv($socket,$buffer,2048,0);

if($bytes==0){ disconnect($socket); }

else{

$user = getuserbysocket($socket);

if(!$user->handshake){ dohandshake($user,$buffer); }

else{ process($user,$buffer); }

}

}

}

}

//—————————————————————

function process($user,$msg){

global $sockets,$users;

$action = unwrap($msg);

say(“< “.$action);

if(!$user->init){

$user->user=$action;

send($user->socket,”hello “.$user->user);

send($user->socket,”You can Chat Now!”);

$user->init=true;

return;

}

foreach($users as $otherUser){

send($otherUser->socket,$user->user.”:”.$action);

}

/*

switch($action){

case “hello” : send($user->socket,”hello human”);                       break;

case “hi”    : send($user->socket,”zup human”);                         break;

case “name”  : send($user->socket,”my name is Multivac, silly I know”); break;

case “age”   : send($user->socket,”I am older than time itself”);       break;

case “date”  : send($user->socket,”today is “.date(“Y.m.d”));           break;

case “time”  : send($user->socket,”server time is “.date(“H:i:s”));     break;

case “thanks”: send($user->socket,”you’re welcome”);                    break;

case “bye”   : send($user->socket,”bye”);                               break;

default      : send($user->socket,$action.” not understood”);           break;

}

*/

}

function send($client,$msg){

say(“> “.$msg);

$msg = wrap($msg);

socket_write($client,$msg,strlen($msg));

}

function WebSocket($address,$port){

$master=socket_create(AF_INET, SOCK_STREAM, SOL_TCP)     or die(“socket_create() failed”);

socket_set_option($master, SOL_SOCKET, SO_REUSEADDR, 1)  or die(“socket_option() failed”);

socket_bind($master, $address, $port)                    or die(“socket_bind() failed”);

socket_listen($master,20)                                or die(“socket_listen() failed”);

echo “Server Started : “.date(‘Y-m-d H:i:s’).”\n”;

echo “Master socket  : “.$master.”\n”;

echo “Listening on   : “.$address.” port “.$port.”\n\n”;

return $master;

}

function connect($socket){

global $sockets,$users;

$user = new User();

$user->id = uniqid();

$user->socket = $socket;

array_push($users,$user);

array_push($sockets,$socket);

console($socket.” CONNECTED!”);

}

function disconnect($socket){

global $sockets,$users;

$found=null;

$n=count($users);

for($i=0;$i<$n;$i++){

if($users[$i]->socket==$socket){ $found=$i; break; }

}

if(!is_null($found)){ array_splice($users,$found,1); }

$index = array_search($socket,$sockets);

//socket_close($socket);

console($socket.” DISCONNECTED!”);

if($index>=0){ array_splice($sockets,$index,1); }

}

function dohandshake($user,$buffer){

console(“\nRequesting handshake…”);

console($buffer);

list($resource,$host,$origin,$strkey1,$strkey2,$data) = getheaders($buffer);

console(“Handshaking…”);

$pattern = ‘/[^\d]*/’;

$replacement = ”;

$numkey1 = preg_replace($pattern, $replacement, $strkey1);

$numkey2 = preg_replace($pattern, $replacement, $strkey2);

$pattern = ‘/[^ ]*/’;

$replacement = ”;

$spaces1 = strlen(preg_replace($pattern, $replacement, $strkey1));

$spaces2 = strlen(preg_replace($pattern, $replacement, $strkey2));

/*

if ($spaces1 == 0 || $spaces2 == 0 || $numkey1 % $spaces1 != 0 || $numkey2 % $spaces2 != 0) {

//socket_close($user->socket);

console(‘failed’);

return false;

}

*/

$ctx = hash_init(‘md5′);

hash_update($ctx, pack(“N”, $numkey1/$spaces1));

hash_update($ctx, pack(“N”, $numkey2/$spaces2));

hash_update($ctx, $data);

$hash_data = hash_final($ctx,true);

$upgrade  = “HTTP/1.1 101 WebSocket Protocol Handshake\r\n” .

“Upgrade: WebSocket\r\n” .

“Connection: Upgrade\r\n” .

“Sec-WebSocket-Origin: ” . $origin . “\r\n” .

“Sec-WebSocket-Location: ws://” . $host . $resource . “\r\n” .

“\r\n” .

$hash_data;

socket_write($user->socket,$upgrade.chr(0),strlen($upgrade.chr(0)));

$user->handshake=true;

console($upgrade);

console(“Done handshaking…”);

sendHello($user);

return true;

}

function sendHello($user){

send($user->socket,”hello!”);

send($user->socket,”Welcome to ChatRoom”);

send($user->socket,”Please Enter Your NickName!”);

$user->init=false;

}

function getheaders($req){

$r=$h=$o=null;

if(preg_match(“/GET (.*) HTTP/”   ,$req,$match)){ $r=$match[1]; }

if(preg_match(“/Host: (.*)\r\n/”  ,$req,$match)){ $h=$match[1]; }

if(preg_match(“/Origin: (.*)\r\n/”,$req,$match)){ $o=$match[1]; }

if(preg_match(“/Sec-WebSocket-Key2: (.*)\r\n/”,$req,$match)){ $key2=$match[1]; }

if(preg_match(“/Sec-WebSocket-Key1: (.*)\r\n/”,$req,$match)){ $key1=$match[1]; }

if(preg_match(“/\r\n(.*?)\$/”,$req,$match)){ $data=$match[1]; }

return array($r,$h,$o,$key1,$key2,$data);

}

function getuserbysocket($socket){

global $users;

$found=null;

foreach($users as $user){

if($user->socket==$socket){ $found=$user; break; }

}

return $found;

}

function     say($msg=”"){ echo $msg.”\n”; }

function    wrap($msg=”"){ return chr(0).$msg.chr(255); }

function  unwrap($msg=”"){ return substr($msg,1,strlen($msg)-2); }

function console($msg=”"){ global $debug; if($debug){ echo $msg.”\n”; } }

class User{

var $id;

var $socket;

var $handshake;

var $user;

var $init;

}

?>

包括 Opera,Firefox4,Chrome,Safari.

其中Firefox4和Opera的WebSocket默认没有开启，需要手动配置。在浏览器地址栏中输入about:config ，然后找到websocket这一项，把它启用。

我使用了Chrome来测试。

首先，新建一个HTML，加入几个div，来显示数据。