调试

kooboodebug Url参数

调试前端的HTML/CSS/JavaScript,  开发人员一般会使用Chrome的调试工具, 在网上可以找到许多Chrome的调试文章。  

一个Kooboo页面有可能会包含多个组件。 你可以在页面设计界面中看到布局的预览以及每个布局位置中的组件。 如果你想在生成的页面中看到某块代码是从哪个组件里出来,你可以在页面的URL上加上kooboodebug的参数。  

比如以下是一个相同的页面在加kooboodebug Url参数之后的页面生成代码对比

URL: http://www.kooboo.com/examplenotexists

<html>
<head><title></title></head>
<body>
    <div>
        <div>
           <h2>news title one</h2>
       </div>
   </div>
</body> 
</html>

URL: http://www.kooboo.com/examplenotexists?kooboodebug

<!--#kooboo--objecttype='page'--nameorid='76b2d653-a240-4922-bcf5-9445951f4fcc'-->
<!DOCTYPE html>
<html>

<head>
    <title kooboo-id="0-1"></title>
</head>

<body kooboo-id="2">
    <div kooboo-id="2-1">

<!--#kooboo--objecttype='view'--nameorid='newstitlelist'--boundary='102'-->

<!--#kooboo--objecttype='contentrepeater'--nameorid='29d261c1-3596-c868-5abf-e1c52485ede6'--folderid='1c5b947e-1a00-b06a-f2c6-2fe472197d5b'--bindingvalue='ByFolder_Item'--boundary='103'-->
<div kooboo-id="1-0">

<!--#kooboo--objecttype='content'--nameorid='29d261c1-3596-c868-5abf-e1c52485ede6'--bindingvalue='ByFolder_Item.title'--fieldname='title'--koobooid='1-0-1'-->
<h2 kooboo-id="1-0-1">news title one</h2>
</div>
<!--#kooboo--end=true--objecttype='contentrepeater'--boundary='103'-->

<!--#kooboo--end='true'--objecttype='view'--boundary='102'-->

    </div>
</body>

</html>

生成的代码中会多出许多注释, 这些注释标注每块代码是如何生成出来的。 

kScript

如果你的页面中有用到kScript, 你可以直接在线调试kScript的。 逐语句,逐过程, 变量查看, 与代码执行都是支持的。  

kScript调试的更多细节, 查看kScript章节。