启用HTMLayout调试功能

jacen

启用调试功能很简单,
在HTMLayout程序中加上 import web.layout.debug; 导入调试支持即可,
当HTMLayout引擎发生错误时, 将会自动打开控制台窗口,并输出错误信息.

如果再加上  wbLayout.attachEventHandler( web.layout.debug );  
就可以为CSSS!脚本添加一个全局函数 debug() , 该函数会直接调用 io.print() 将参数显示在控制台上.
如果参数是一个节点对象, 则显示该节点的HTML源码.

下面是一个简单示例( 请注意粗体字部分 ):

import win.ui;
/*DSG{{*/
winform = ..win.form( right=599;bottom=399;parent=...;text="aardio Form";border="resizable" )
winform.add(
layoutWindow={ dr=1;dl=1;bottom=382;right=580;left=10;dt=1;top=12;z=1;db=1;notify=1;multiline=1;cls="edit" }
)
/*}}*/

import web.layout;
wbLayout = web.layout(winform.layoutWindow);

wbLayout.html =/***
<div id="my-button" >请点击这里</div>
***/
  
//小技巧: 输入 wbLayout.debug() 可自动完成下面的代码
import web.layout.debug; //这句的作用是可使用控制台输出CSS内部错误
wbLayout.attachEventHandler( web.layout.debug ); //这句代码为CSSS!增加了全局函数 debug()

wbLayout.css = /**
#my-button{
  assigned!:
    debug("CSS脚本中调用debug函数","输出一个或多个值")
  ;
}
**/

wbLayout.css = /**
#my-button{  
  height 19px; //这里有一个CSS语法错误,height后面忘记写冒号了
}
**/


winform.show()
win.loopMessage();

qqmmcc

谢谢指导

ghl781258

顶起

ljtnine

很不错的调试功能，快速定位css错误