調試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 調試