守望轩 » IE

web developer tips (51):使用vs2005和IE8进行调试

xjb — Thu, 24 Sep 2009 16:01:42 +0000

原文地址： how to use VS2005 to debug with IE8

由于IE8默认设置下的散偶合功能，导致vs2005不能通过IE8进行调试。如果想启动调试（debug），请按如下步骤操作：

1、打开注册表编辑器
2、打开键 HKEY_LOCALMACHINE -> SOFTWARE -> Microsoft -> Internet Explorer -> Main
3、增加一个名为“ TabProcGrowth ”的dword 值
4、设置“ TabProcGrowth ”的值为0

同时，在调试的时候，不要忘记启动脚本调试功能（IE菜单：工具+选项+高级，不选中“禁用脚本功能(Internet Explorer)”）。

另：不能调试也可能是IE增强安全配置导致的，参见：脚本远程调试需关闭IE增强安全配置

你可能也会喜欢以下文章：

转载请注明作者，出处，以及原始超链接。
评论数：0 | 评论这篇文章|关注作者最近动态,欢迎 follow me xjb@twitter.com|联络作者：iamxjb@gmail.com
© 2010 守望轩 www.watch-life.net

兼容多种浏览器“复制到剪贴板”的解决方案

xjb — Thu, 05 Mar 2009 03:10:00 +0000

昨天在也一个php程序的时候，要实现“复制到剪贴板”的功能，安全问题，浏览器的限制越来越严，实现的方法也越来越有限，这个简单的功能要想实现兼容不同的浏览器还真不容易，根据网上的一些资料结合我测试的经验，相关解决方案如下：

方案一：利用“window.clipboardData”

代码示例：

if (window.clipboardData) {
 window.clipboardData.clearData();
 window.clipboardData.setData("Text", txt)
};

评论：这个方案只适合IE浏览器，同时在IE7下有个如下安全提示的对话框。

由于IE的浏览器的占有率比较大，这个方案是使用最广的，也是最简单的方法。

支持浏览器：IE5.5 IE6.0 IE7.0

`方案二：利用“Components.interfaces.nsIClipboard”`

代码示例：

if (window.netscape) {
 try {
 netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
 } catch (e) {
 if (flag == 0) {
 alert("You are using the Firefox browser, copy the function browser refuse！
\nPlease in the browser address bar enter'about:config' and Enter \n and set'signed.applets.codebase_principal_support' to 'true'");
 } else {
 alert("你使用的是Firefox 浏览器,复制功能被浏览器拒绝！\n请在浏览器地址栏输入'about:config'
并回车\n然后将'signed.applets.codebase_principal_support'设置为'true'");
 }
 }
 var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance
(Components.interfaces.nsIClipboard);
 if (!clip)
 return;
 var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance
(Components.interfaces.nsITransferable);
 if (!trans)
 return;
 trans.addDataFlavor('text/unicode');
 var str = new Object();
 var len = new Object();
 var str = Components.classes["@mozilla.org/supports-string;1"].createInstance
(Components.interfaces.nsISupportsString);
 var copytext = txt;
 str.data = copytext;
 trans.setTransferData("text/unicode", str, copytext.length * 2);
 var clipid = Components.interfaces.nsIClipboard;
 if (!clip)
 return false;
 clip.setData(trans, null, clipid.kGlobalClipboard);
}

评论：这个方案只适合Firefox,同时也有安全的问题，如果想使用这个方法，必须手动开启Firefox的一个配置：signed.applets.codebase_principal_support。方法是：在地址栏输输入“about:config”,设置“signed.applets.codebase_principal_support”为true，默认该项是false。

这个方法虽然可以在Firefox使用，但让一个普通用户去开启这个配置似乎太专业了。

把这个方案和方案一结合，可以适用80%以上的用户。

支持浏览器：Firefox1.5 firefox2.0 firefox3.0

`方案三：javascript + flash`

代码示例：

var flashcopier = 'flashcopier';
 if (!document.getElementById(flashcopier)) {
 var divholder = document.createElement('div');
 divholder.id = flashcopier;
 document.body.appendChild(divholder);
 }
 document.getElementById(flashcopier).innerHTML = '';
 var divinfo = '+ text2copy + '" 
width="0" height="0" type="application/x-shockwave-flash">';
 document.getElementById(flashcopier).innerHTML = divinfo;}

评论：这个方案是一个最流行的方法，著名的Clipboard Copy解决方案利用一个clipboard.swf作为桥梁，复制内容到剪贴板。原理是：创建一个隐藏的flash文件，同时给给flash的变量FlashVars 赋值“clipboard=..”，通过这个赋值flash就会把复制的内容放到剪贴板。这个方法兼容IE、Firefox、Opera、chrome、 Safari，真可谓“万能”的解决方案。浏览器Flash的安装率非常高，这几乎是一个完美的解决方案。

clipboard.swf 的下载地址：http://watch-life.googlecode.com/files/clipboard.swf。

但是，世界上有完美的事么？这个方法只支持flash 9 ，不支持最新的flash 10。因为flash10中规定了只有在swf上进行了真实的操作（比如鼠标点击）才能访问剪切板，而上述方法只是使用了一个隐藏的swf文件，通过javascript操作flash的剪贴板，用户并没有对swf文件进行真实的操作，因此这个方法也就失效了。

那么如何解决这个“真实操作”的问题呢？可以使用一个JavaScript库：Zero Clipboard，利用这个js库可以支持利用flash 10 实现复制到剪贴板。这个方法原理是在一个透明的flash（对用户来说是不可见的）上覆盖一个dom元素比如button或div，当点击这个dom时，实际点击的是flash，从而访问flash的剪贴板。真够曲折的。:-)

具体的实现详见如下链接：

DEMO页面 : http://bowser.macminicolo.net/~jhuckaby/zeroclipboard/

Zero Clipboard项目主页： http://code.google.com/p/zeroclipboard/

支持浏览器：Firefox1.5 firefox2.0 firefox3.0 IE5.5 IE6.0 IE 7.0 opera 8 opera 9 chorme 1.0 chorme 2.0 safari 3

`你可能也会喜欢以下文章：`

转载请注明作者，出处，以及原始超链接。
评论数：4 | 评论这篇文章|关注作者最近动态,欢迎 follow me xjb@twitter.com|联络作者：iamxjb@gmail.com
© 2010 守望轩 www.watch-life.net



Google Chrome 会是IE的终结者么？
xjb — Wed, 03 Sep 2008 14:04:58 +0000
当我今天下载使用Google Chrome 的时候我的第一感觉：它是简约版的google风格的Safari，毕竟他们的内核引擎都是WebKit
google这次高调杀入浏览器的市场的背景是：前几天Google刚刚和Mozilla续签了三年的合作协议。一方面借助firefox推广自己，一方面又开发自己的浏览器，看来是两手准备都有，用3年的时间来让Google Chrome的羽翼变得更丰满，同时让自己资助的firefox继续和IE进行正面战场的竞争。
我猜测，未来几年在浏览器市场，将会Google Chrome 、firefox 、IE 三分天下的竞争局面。
Google 提供为互联网而研发的浏览器，在速度、稳定、安全方面都有不错的表现，那么Google Chrome 会是IE的终结者么？恐怕下此结论还为时尚早，至少在中国会是这样。
1、自从IE7发布后，微软（microsoft）在IE研发力度不断加大，IE8将在不久发布。微软在操作系统的垄断地位，将会保证IE也会在未来的很长时间内保持绝对的占有率。
 2、无论Firefox 还是Opera 或者Safari ,他们的使用者都是喜欢尝试新鲜的fans和开发者为主，大量的普通用户并不挑剔，只要简单的上网，IE足够了。
3、大量的企业级应用的用户仍然被锁定在IE上，从这个角度来看，抓住了企业级应用的开发者，就抓住了大量的用户。
4、目前的Google Chrome 还只具备基本的功能。对中国很多用户来说，无法正常使用网上银行、无法使用支付宝、QQ空间显示不正常(中国的qq用户可是海量级的)，将是阻碍用户使用Google Chrome重要因素之一。
5、尽管google 推广Chrome可以说是轻而易举的事情，尽管google可以把很多的应用都绑定在chrome上，对推广应用很有帮助，但这毕竟是小聪明，Google要真正实现云计算的野心，就不会拘泥一个浏览器。
Google不过是借chrome 之力为未来的发展拓展更大的空间。
ps：做个大胆的预测2011年后，Google chrome或许会成为Firefox的终结者？
本文地址：http://www.watch-life.net/googleapp/google-chrome-ie-terminator.html
你可能也会喜欢以下文章：
Google将停止notebook的服务？ (4)
让GridView中CheckBox列支持FireFox (0)
web developer tips (4):在Visual Web Developer中增加浏览器 (3)
兼容多种浏览器“复制到剪贴板”的解决方案 (4)
google和baidu发布寻亲搜索 (0)
针对google 境外服务无法访问的临时解决方案 (1)
推荐一款专家级网站流量分析软件-逆火(Nihuo) (5)
听从心的选择 (9)
转载请注明作者，出处，以及原始超链接。
评论数：5 | 评论这篇文章|关注作者最近动态,欢迎 follow me xjb@twitter.com|联络作者：iamxjb@gmail.com
© 2010 守望轩 www.watch-life.net


让GridView中CheckBox列支持FireFox
xjb — Tue, 08 Jul 2008 09:48:39 +0000
在Asp.net中，可以通过模板列，在Gridview中实现CheckBox列的实现，相关的代码并不复杂，你可以参考这里，我抽取的部分代码如下：
<script language=”javascript” type=”text/javascript”>    function selectAll(obj)
    {
         var theTable  = obj.parentElement.parentElement.parentElement;
         var i;
         var j = obj.parentElement.cellIndex; 
         for(i=0;i<theTable.rows.length;i++)
        {
             var objCheckBox = theTable.rows[i].cells[j].firstChild;
             if(objCheckBox.checked!=null)objCheckBox.checked =
     script>
 <asp:GridView ID=”GridView1″ runat=”server” AllowPaging=”True"

  AutoGenerateColumns=”False”
         DataKeyNames=”id” DataSourceID=”AccessDataSource1″ 

 AllowSorting=”True” OnDataBinding=”GridView1_DataBinding”
 OnRowDataBound=”GridView1_RowDataBound”>
            <Columns>
               <asp:TemplateField>
                    <ItemTemplate>
                        <asp:CheckBox ID=”CheckBox1″ runat=”server”
 Checked=”True” Text=’<%#DataBinder.Eval(Container.DataItem,”id”) %>’ />
                    ItemTemplate>
                     <HeaderTemplate>
                          <input id=”CheckAll” type=”checkbox” onclick=”selectAll(this);” />全选    HeaderTemplate>              
 <asp:BoundField DataField=”id” HeaderText=”id” InsertVisible=”False” ReadOnly=”True”    
 SortExpression=”id” />
   <asp:BoundField DataField=”name” HeaderText=”name” SortExpression=”name” /> 
   <asp:BoundField DataField=”sex” HeaderText=”sex” SortExpression=”sex” /> 
   <asp:BoundField DataField=”deptid” HeaderText=”deptid” SortExpression=”deptid” /> 
             Columns> 
         asp:GridView>  
js代码中的selectAll(obj)方法在IE中可以正常使用。昨天，一朋友做测试，发现在FireFox中不支持，让我帮着找找原因，估计是js的代码有不兼容Firefox的，查有关资料，原来在firefox不支持parentElement，但支持parentNode，于是把原来的js代码修改了一下，通过obj.parentNode.parentNode.parentNode 来获取表格对象（GridView编译后形成的表格），不过要找到CheckBox对象要麻烦点，因为没法通过obj.parentElement.cellIndex 来定位找到ChecKbox所在位置了，只能通过循环某一行的单元格来查找了。具体的代码如下：

 function select_all(obj)   
 {   
     var theTable  = obj.parentNode.parentNode.parentNode;   
     var j = obj.parentNode.cellIndex;   
   
     for(var i=0; i<theTable.rows.length; i++)   
     {   
         var objCheckBox = GetCheckBoxObj(theTable.rows[i].cells[j]);   
         if(objCheckBox.checked != null)   
             objCheckBox.checked = obj.checked;   
     }   
 }  
function GetCheckBoxObj(objCell)   
 {   
        for(var i= 0; i < objCell.childNodes.length; i++)   
        {   
            if(objCell.childNodes[i].id)   
            {   
                 return objCell.childNodes[i];   
            }   
        }   
 }   
   
如此修改后，这个checkbox就可以兼容IE和FireFox了。 
看来要是在web开发来要想兼容IE和Firefox，这个工作还是蛮艰巨的。有关firefox与ie 的javascript区别 的你看看这里，总结非常详细。不但是js，css也有很多不一样的地方。嘿嘿，由此我有点怀念IE一统天下的年代了,不过我觉得一般企业级的应用还是不专门考虑FireFox了，除非做门户网站。
 本文地址：http://www.watch-life.net/aspnet/gridview-checkbox-firefox.html
你可能也会喜欢以下文章：
web developer tips (53):在vs的设计视图编辑gridview的模板 (0)
关于二级域名(泛二级域名)的实现 (0)
web developer tips (2):样式应用工具栏的工作模式 (0)
帮帮我！我不懂JavaScript (3)
web developer tips (10):Visual Web Developer 2008中新的样式生成器 (0)
web developer tips (5):绑定ListView控件 (1)
web developer tips (12):在Visual Web Developer里创建IIS虚拟目录 (0)
设置VSS2005使支持通过Internet访问（转） (0)
转载请注明作者，出处，以及原始超链接。
评论数：0 | 评论这篇文章|关注作者最近动态,欢迎 follow me xjb@twitter.com|联络作者：iamxjb@gmail.com
© 2010 守望轩 www.watch-life.net