手机html编辑器中文版、手机html编辑器中文版怎么用 收藏 0

手机物理工坊Phyphox

手机物理工坊app是一个可以将你的手机变成三维磁力计或者把手机当成单摆去测量地球重力加速度的神奇软件，由亚琛工业大学第二物理研究所开发。Phyphox让你的手机中的各类传感器发挥出最大的功能，直接用手机里的传感器来分析数据，并能让你输出原始数据与结果做进一步的分析。让你用手机能完成各种物理实验获得精准的物理数据。

软件功能

可选的功能：

– 可选择事先定义好的实验。按下执行键便可启动。

– 导出数据到广泛使用的格式。

– 可从与手机同一网络的任一台电脑界面远程控制你的实验。不需要安装其它程序，只需现代的网页浏览器。

– 通过选择传感器输入，定义分析步骤来设计你自己的实验，并通过我们的网页编辑器来建立界面视图分析可包括仅添加两个数值、或使用如傅立叶转换和互相关等高级的方法。我们提供了一个完整的分析功能工具箱。

支持的传感器：

– 加速度计.

– 磁力计.

– 陀螺仪.

– 光强度计.

– 压力计.

– 麦克风.

– 距离传感器.

– GPS.

*并非每个手机都有全部的感应器.

输出格式：

– CSV（逗号分隔值）.

– CSV（制表符分隔值）.

– Excel.

（若你需要其它格式，请让我们知道）。

更新内容

音频频谱现在允许产生白噪声。

音频发生器支持双音的一代。

离开一个实验时,跑了十多秒,phyphox显示一个确认对话框。

有许多较小的修复和改进。看到

原文地址：http://www.3h3.com/az/200538.html

HTML 编辑器

HTML编辑器是一种用于创建、编辑和预览HTML（超文本标记语言）代码的工具或应用程序。它提供了一个直观的界面，使用户能够轻松地编写和设计网页内容。本文主要介绍HTML 常用编辑器(Visual Studio Code、Sublime Text、Atom、Notepad++和Dreamweaver)。

参考文档：https://www.cjavapy.com/article/3299/

Visual Studio Code（简称VS Code）是一款由微软开发的跨平台源代码编辑器，支持Windows、macOS和Linux等多种操作系统。它被广泛用于Web开发，包括编辑HTML、CSS、JavaScript等前端技术。VS Code是一款轻量级的代码编辑器，启动迅速，占用资源少。VS Code提供了丰富的扩展和插件，可以根据需求安装插件来增强编辑器功能。

1）安装和配置

官网地址：Visual Studio Code – Code Editing. Redefined

根据操作系统下载并安装相应版本的VS Code。打开VS Code后，可以根据自己的喜好配置编辑器设置，如主题、字体等。

2）新建HTML文件

在 VS Code 安装完成后，选择\” 文件(F)->新建文件(N) \”，在新建的文件中输入以下代码：

3）编辑HTML文件

在VS Code中，点击左上角的\”文件\”菜单，选择\”打开文件\”，或者使用快捷键Ctrl+O（Windows）或Cmd+O（macOS）来打开HTML文件。

在编辑器中可以直接修改HTML文件的内容。VS Code会自动识别HTML标记，并提供代码高亮和智能提示功能。编辑完成后，使用快捷键Ctrl+S（Windows）或Cmd+S（macOS）来保存HTML文件。

4）插件推荐

HTML CSS Support：提供对HTML和CSS的支持，包括代码片段、自动补全等功能。

Live Server：启动一个本地开发服务器，实时预览HTML页面的效果。

Prettier：格式化HTML代码，使代码结构更整洁。

Auto Close Tag：自动闭合HTML标签，提高编码效率。

Bracket Pair Colorizer：对成对的括号进行着色，方便识别代码块。

Sublime Text是一款流行的跨平台源代码编辑器，支持Windows、macOS和Linux等多种操作系统。它被广泛用于Web开发，包括编辑HTML、CSS、JavaScript等前端技术。

Sublime Text的界面非常简洁，没有多余的菜单和工具栏，更便于专注于代码编辑。Sublime Text支持多种编程语言，包括HTML、CSS、JavaScript、Python、Java等。Sublime Text拥有强大的插件系统，用户可以根据需要安装插件来扩展编辑器功能。用户可以自定义快捷键、主题、颜色方案等，以满足个性化需求。Sublime Text启动迅速，响应快速，适合于快速编辑代码。

1）安装和配置

官网地址：Sublime Text – Text Editing, Done Right

根据操作系统下载并安装相应版本的Sublime Text。打开Sublime Text后，可以根据自己的喜好进行编辑器设置，如字体、主题等。

2）新建HTML文件

在Sublime Text 安装完成后，选择\” File->New File \”，在新建的文件中输入以下代码：

3）编辑HTML文件

在Sublime Text中，点击左上角的\”File\”菜单，选择\”Open File\”，或者使用快捷键Ctrl+O（Windows）或Cmd+O（macOS）来打开HTML文件。在编辑器中可以直接修改HTML文件的内容。Sublime Text会自动识别HTML标记，并提供代码高亮和智能提示功能。编辑完成后，使用快捷键Ctrl+S（Windows）或Cmd+S（macOS）来保存HTML文件。

4）插件推荐

Emmet：提供HTML/CSS快速编写和自动完成功能，可以大大提高编码效率。

Sublime Linter：对代码进行实时语法检查，帮助发现潜在的错误和警告。

Color Highlighter：对CSS中的颜色进行高亮显示，方便调试和修改样式。

SideBarEnhancements：增强侧边栏功能，提供更多文件操作选项。

Dreamweaver是由Adobe公司开发的一款全球知名的网页设计和开发工具。它为开发人员和设计师提供了一个可视化的界面，可以直观地创建和编辑网页内容，同时也支持手动编辑代码。Dreamweaver提供可视化界面，可以直观地拖拽和编辑网页元素，无需手动编写代码。除了可视化界面，Dreamweaver也支持手动编辑代码，适合于开发人员和设计师。Dreamweaver可在Windows和macOS等多个平台上运行。Dreamweaver集成了代码编辑器、预览窗口、文件管理器等功能，提供全面的开发环境。

1）安装和配置

官网地址：Website design software | Adobe Dreamweaver

根据操作系统下载并安装相应版本的Dreamweaver。打开Dreamweaver后，，根据需要进行编辑器设置，如界面语言、字体、代码颜色等。

2）编辑HTML文件

在Dreamweaver中，点击左上角的\”File\”菜单，选择\”New\”，然后选择\”HTML\”，即可新建一个空白的HTML文件。内容如下：

使用可视化界面，可以直接拖拽页面元素、调整布局、插入图片等。若需要手动编辑HTML代码，可以在下方的代码编辑器中进行修改。Dreamweaver会自动提供代码补全和语法高亮功能。在Dreamweaver中，可以实时预览网页效果，点击右上角的\”Live View\”按钮即可。

3）CSS和JavaScript支持

Dreamweaver也支持CSS和JavaScript的编辑和预览，可以帮助创建更丰富的网页效果。在编辑器中可以直接编辑CSS样式和JavaScript代码，并实时查看效果。

4）网页上传和发布

Dreamweaver集成了FTP功能，可以直接将编辑好的网页上传到服务器。点击\”Site\”菜单，选择\”Manage Sites\”，配置好站点设置，即可进行上传和发布。

5）Dreamweaver模板和库

Dreamweaver提供模板和库功能，可以保存和复用常用的网页元素和样式，提高开发效率。

参考文档：https://www.cjavapy.com/article/3299/

使用浏览器访问PLC的自定义网页

在日常使用西门子S7-1200系列PLC时，需要查看PLC内部数据，通常都是用触摸屏或者上位机监控，或者直接使用博途在线查看。但是当遇到触摸屏或者上位软件未关联的变量，且本机未安装博途的情况，问题就会比较复杂了，通常需要重新配置上位机参数，或者借助第三方工具，甚至需要重新安装博途来解决。这时候，如果在PLC程序设计的时候，启用了Web服务器，问题就会比较简单了。

首先，使用博途打开PLC源代码，选中CPU模块，点击右键，点击属性，弹出设置界面，在”常规“窗口左侧列表框中选择”Web服务器“，勾选\”在此设备的所有模块上激活Web服务器\”，同时取消“仅允许通过HTTPS访问”。重新编译后下载。

打开计算机上的网页浏览器，在地址栏输入http://ww.xx.yy.zz（此处为PLC的实际IP地址，如192.168.1.10，所有符号为英文状态输入），打开 S7-1200的 标准 Web 页面，如下图 所示。

变量状态页面可以查看任何 CPU 中的 I/O 或者存储器数据，可以输入绝对地址（例如：MB0、I0.0、Q1.0等）、PLC 变量名或者数据块中的变量。可以选择显示的数据类型的格式；可以显示或者更改当前值。如下图所示。

到此为止，基本已经解决了之前遇到的问题，但是，进一步探索后，会发现“Web服务器”还有更强大的功能，可以创建融入 PLC 数据的特定的 HTML 页面。

选择一款HTML编辑器，如Microsoft Frontpage，Dreamweaver或VScode等，创建用户定义的 Web 页面，使用AWP 命令包含在 HTML 代码的 HTML 注释中（AWP 命令是西门子提供用于访问 CPU 信息的固定命令集）。

如需显示变量，语法为 :=<Varname>: ，Varname为 PLC 变量，使用双引号将变量名称括起来即可，如下图所示。

如需写入变量，则首先需要在HTML注释中添加。

然后添加输入框和确认按钮等元素即可。

页面编辑完成后，打开博途，在 Web 服务器的\”用户自定义页面\”中进行配置。注意需要点击生成块方可生效。

执行 WWW 指令，在主程序直接调用，也可通过程序逻辑可控制何时启用自定义页面。

用户定义的 Web 页面块后和其它的程序块一样，将成为程序的一部分，按照正常过程将下载到 CPU即可。再次打开浏览器，输入PLC的IP地址后，即可看到用户编写的HTML页面。由于采用了标准的HTML协议，用户自定义的页面也可以使用处于同一网段下的手机访问，如果局域网配置了VPN，甚至可以通过外网，远程操作，因此，为了防止 PLC 被恶意攻击，或者出现未经授权的操作，官方还是建议勾选“仅允许通过 HTTPS 访问”。

一个典型的HTML页面示例

（来源于西门子官方文档）

合理利用Web服务器，结合前端开发技术，可以将自定义页面设计成组态界面，替代组态软件和触摸屏，将逻辑代码和操作界面全部下载存储到PLC，只需要浏览器，即可实现任意客户端对PLC设备的操控。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com