4、前端开发与App设计：HTML调试、表格添加及布局优化

前端开发与App设计：HTML调试、表格添加及布局优化

1. HTML文件调试

当创建的HTML组件未按预期工作，或者想了解MATLAB与JavaScript数据转换后的样子时，可在系统浏览器中打开HTML文件，利用浏览器开发者工具（DevTools）设置断点来测试 setup 函数的部分内容。调试时，需模拟 setup 函数提供的MATLAB与JavaScript之间的连接。

1.1 模拟从MATLAB向JavaScript发送数据

以下是具体步骤：
1. 在MATLAB中打开示例，从当前文件夹浏览器中右键点击 sampleHTMLFile.html 文件，选择“在MATLAB外部打开”，该HTML文件将在系统浏览器中打开。
2. 在MATLAB中运行以下代码，将MATLAB字符向量元胞数组转换为JSON字符串，并将返回的字符串值复制到剪贴板：

value = {'one';'two';'three'};
jsontxt = jsonencode(value)

运行结果：

jsontxt = 
'["one","two","three"]'

3. 在系统浏览器的DevTools中打开文件查看代码，在第16行 dom.textContent = initialData; 处设置断点。
4. 打开DevTo