Debug

Kooboodebug query string

To debug your HTML/CSS/JavaScript, you should already know the tools that provided by Chrome. There are enough documents on internet.

A Kooboo page may contains many components, you should be able to see the layout position and assigned components from the page designer. In case that you want to see the associated parts at Kooboo from the page source. You can attach the kooboodebug query string to your page url.

For example a sample page source code before and after appending the kooboodebug query string:

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>

You can see many comments on the page source that informing you the related kooboo components.

kScript

If your page contains kScript, you can debug kScript on the live site. Step into, stop over, variable watch and code execution are supported.

For more information regarding kScript debug, see the kScript charpter.