调试TMS WEB CORE应用

开发当然离不开调试，这一节，我将展示怎么调试TMS WEB CORE应用程序。

TMS WEB CORE将Delphi调试代码信息映射存储到Project1.js.map文件中，以便后面单步调试时使用。

1、首先，我们拖入三个控件到IDE编辑器，实现的功能为从1加到10，最后得到结果。

2、编写计算按钮相应代码。

function Add1To10: integer;
var
  i: integer;
begin
  result   := 0;
  for i    := 1 to 10 do
    result := result + i;
end;

procedure TForm1.WebButton1Click(Sender: TObject);
begin
  WebEdit1.Text := '1+2+3+...+10=' + IntToStr(Add1To10);
end;

3、编译并运行

4、调试

TMS WEB CORE的调试与我们开发桌面程序不一样，因为是HTML+JS，所以需要在浏览器中调试。

4.1 打开浏览器的调试界面（一般为F12按键）

4.2 找到我们源代码文件

4.3 设置断点

4.4 调试