HTML5可视化开发工具(SX HTML5)

　　SX HTML5是一款可以帮助您在电脑上制作网页的软件，当您需要制作网页的时候，可以选择小编提供的这款HTML5可视化开发工具，该软件提供的编辑功能很多，支持HTML主体、HTML头部、CSS部分、JS部分等编辑内容，并且可以在软件上查看案例，例如点击CSS部分，可以为你演示CSS编辑框的一些特性，通过一些案例以及编辑方式说明，让您在设计响应式PC、移动端、微信公众号网页的时候得到更多帮助，同时也支持JS全局对象、Js原生对象、win对象、流程控制等JS支持库功能，需要的朋友可以下载体验！

软件功能

　　1、SX HTML5提供了丰富的网页设计方案

　　2、可以设计电脑上的网页

　　3、可以设计平板上的网页

　　4、可以设计手机上的网页

　　5、可以建立更快的交互性网页

　　6、提供可视化的开发方案

　　7、提供HTML支持库，里面有很多编辑网页必备的资源

　　8、支持多款组件，在开发网页的时候快速添加需要的组件

　　9、建立Tab选项卡、下拉选择框、垂直导航、复选框、字段集区块

　　10、用该组件时，需要在HTML头部文件声明CSS,JS文件

　　11、官方组件 与其它组件混用时，请注意class冲突

软件特色

　　1、SX HTML5提供丰富的网页编译功能

　　2、可以将您需要添加的网页内容显示在图形界面

　　3、提供图形化的布局和调整方式

　　4、提供自动代码显示区域

　　5、支持库支持中英混合

　　6、支持库可以随意添加、修改、无限扩展

　　7、在带有 http: //e的地址时,按 CTRL点击该地址,就会打开该地址

　　8、快速输入代码块,请输入头部标准块

　　9、可以快速建立一个标准的Htm1头部内容

　　10、树形框中代码块可以自己编写

使用方法

　　1、下载html5可视化编辑器.exe软件打开就可以使用，这里是软件的编辑区域

　　2、提示软件的设计功能，可以在这里添加新的事件，可以设置全局属性

　　3、可以设置的页面功能很多，提示加载结束后、区域更新后、卸载前、历史改变时、已下载时、已改变时

　　4、这里提示媒介的属性，支持元数据加载时、加载数据前、加载错误时、可播放至结尾时、回放速率改变时、就绪状态改变时

　　5、组件功能： Bootstrap2组件、 Bootstrap3组件、 Bootstrap4.0组件、 Layui2017组件、MUI组件、ZUI组件、WUI组件

　　6、组件的功能也是很多的，可以选择开关、引用区块、徽章、折叠面板、按钮、按钮组

　　7、这里是设计的主题，您编辑的内容都可以在这里设计

　　8、在相同标签较多时,很难找到对应的结束标签,请点击以下标签,编辑框会指示相对应的结束标签是哪个

　　9、Html、CSS、JS的函数是可以混用的,在树型框中右击一>切换,就可以切换到个函数表进行编写

　　快捷键CTRL+1~3也可以切换,以下代码调用了htm1及CSS的函数

　　10、在函数:后输入数字时,会显示尺寸单位,每个单位都有对应的说明，请试着把下面100%改成其它单位

　　11、代码框能同时识别中英混合编写,添加关键词时填写的名称一般是中文、编译为英文

　　下面2个代码的效果是一样的,鼠标放在关键词处,可以查看信息

　　12、编辑完成可以选择在浏览器上运行，也可以选择在模拟器上运行

使用说明

　　下面的 document, history1 ocation、 Navigator Screen象是 window对象的一部分，可通过 window继承对其进行访问。演示如下

　　窗口.文档.全部元素

　　文档.全部元素

　　窗口.历史URL.载入

　　历史URL.载入

　　窗口.屏幕.用户区宽度

　　屏幕.用户区宽度

　　窗口.当前URL.载入新文档

　　当前URL.载入新文档

　　窗口.浏览器.是否支持java

　　浏览器.是否支持java

　　在输代码混乱的情况下,光标离开,或在该行代码后回车,自动会格式化该行代码

　　控制台输出可以在输出框中显示要输出的内容,其它控制台方法只有在调试的浏览器F12开发工具中显示

　　按下CTFL,点击关键词时,树形框会选择该关键词所在树形位置

　　代码框有强大的类功能赋予S树形列表:属性在相同类下,方法会被同时赋值

　　下面的元素内容属性同时赋值给了查找ID、查找元素

　　文档.查找ID('myAnchor').元素内容 = "你好！JS";

　　文档.查找元素('body').元素内容 = "你好！JS";