微软在线实验室发布Web Sandbox项目

6顶
0踩

2008-10-24 11:31 by 副主编 QQbyte 评论(0) 有8060人浏览

Web 微软 F#

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

微软在线实验室发布了一个新项目：Web Sandbox(web沙箱)。这个团队的主管是Scott Isaacs，这是一位我们需要感谢的人，他是dhtml的主要创始人(因此有了Ajax)。

Web Sandbox项目将HTML，CSS和JavaScript放在了一个独立的盒子内，目标和Caja，AdSafe，FBJS和其他解决方案一样，让JavaScript运行更加安全。

推荐看一下例子：script error sample。

更多详情查看：Web Sandbox

sandbox类似这样转换代码：

<html>

    <head>

        <title>Script Error Sample</title>

        <style>

            .sampleTitle

            {

                font-family: Segoe UI, Tahoma;

                font-size: 11pt;

                font-weight: bold;

                color: 07519A;

            }

            .scriptErrorSample

            {

                    height: 130px;

                    border: solid 1px lightgrey;

                    background: white;

                    background-repeat: repeat-x;

                    background-position: left top;

                    padding: 10px;

                    overflow-y: auto;

            }

        </style>

    </head>

    <body>

        <div id="sample" class="scriptErrorSample">

            <script type="text/javascript">

                window.clockelement = "currentTime";

                function onClick() {

                    // Try to access an inexistent element

                    window.clockelement = "currentTime2";

                }

            </script>

 

                        <p>Clicking the button will cause a scripting error. When running outside the sandbox this error effectively crashes the application stopping the clock. Within the Sandbox, the error stops only that instance.</p>

                        <p>After the error is generated, you can reload this gadget by clicking the [reload] button in the Gadget toolbar.  <input type="button" onclick="onClick()" value="Generate Error!"/></p>

            <div id="currentTime" style="font-size: 8pt; font-weight: normal; color: Gray">

            </div>

 

            <script type="text/javascript">

                window.setInterval(function() {

                    document.getElementById(window.clockelement).innerText = new Date();

                }, 999)

            </script>

        </div>

    </body>

</html>

通过客户端或者服务器端Silverlight转换为：

var settings = { css : { ".sampleTitle":{"font-family":"Segoe UI, Tahoma","font-size":"11pt","font-weight":"bold","color":"07519A"},

 ".scriptErrorSample":{"border-left-width":"1px","border-right-width":"1px","border-top-width":"1px","border-bottom-width":"1px","border-left-style":"solid","border-right-style":"solid","border-top-style":"solid","border-bottom-style":"solid","padding-left":"10px","padding-right":"10px","padding-top":"10px","padding-bottom":"10px","height":"130px","background":"white","background-repeat":"repeat-x","background-position":"left top","overflow-y":"auto"} } };

 

var headerJavaScript =

function(a)

{

    var b = a.gw(this),

        c = a.g,

        d = a.i,

        e = a.f,

        f = c(b,"document");

    d(f,"initializeHTML",[[{"body":{"c":[" ",{"div":{"a":{"id":"sample","class":"scriptErrorSample"},"c":[" ",{"script":"code1"}," ",{"p":{"c":["Clicking the button will cause a scripting error. When running outside the sandbox this error effectively crashes the application stopping the clock. Within the Sandbox, the error stops only that instance."]}}," ",{"p":{"c":["After the error is generated, you can reload this gadget by clicking the [reload] button in the Gadget toolbar. ",{"input":{"a":{"type":"button","onclick":e(function()

    {

        d(b,"onClick")

    }),"value":"Generate Error!"}}}]}}," ",{"div":{"a":{"id":"currentTime","style":{"font-size":"8pt","font-weight":"normal","color":"Gray"}},"c":[" "]}}," ",{"script":"code2"}," "]}}," "]}}]])

};

 

var metadata = {"author":"","description":"","imagepath":"","title":"Script Error Sample","preferredheight":0,"preferredwidth":0,"location":"","base":{"href":"","target":""},"scripts" : {"code1" :

function(a)

{

    var b = a.gw(this),

        c = a.g,

        d = a.s,

        e = a.f,

        f = a.v;

    f.onClick = e(function()

    {

        d(b,"clockelement","currentTime2")

    });

    d(b,"clockelement","currentTime")

},"code2" :

function(a)

{

    var b = a.gw(this),

        c = a.g,

        d = a.s,

        e = a.i,

        f = a.n,

        g = a.f,

        h = c(b,"document");

    e(b,"setInterval",[g(function()

    {

        d(e(h,"getElementById",[c(b,"clockelement")]),"innerText",f(c(b,"Date"),[]))

    }),999])

}}};

 

$Sandbox.registerCode(headerJavaScript, "0", settings, metadata);

 

var SandboxInstance = new $Sandbox(document.getElementById('g_0_0_inst'), $Policy.Gadget, "0");

 

SandboxInstance.initialize();

来自: ajaxian.com

分享到：

6
顶

0
踩

评论共 0 条请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

6顶0踩

微软在线实验室发布Web Sandbox项目

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

发表评论

相关推荐

6顶
0踩