如何在移动设备上调试HTML5开发的网页
在iOS设备上调试HTML5开发的网页，首先需要开启Safari的web检查器功能。具体步骤为：进入手机的“设置”，选择“Safari”，点击“高级”，开启“Web检查器”。在电脑上，通过连接设备并打开Safari浏览器，点击“Develop”菜单，即可看到设备名称，点击后在电脑上打开Safari控制台，实现网页的调试。
在移动设备上调试html5开发的网页的方法：打开设置 → Safari → 高级 → Web 检查器 → 开。下载node-webkit技术打包成客户端，其实内部实现都是web 页面与nodejs技术，所以特别符合前端B格。
直接在浏览器地址栏输入chrome：//inspect 或者about：inspect 2）使用 点击inspect即可打开DevTools；点击inspect打开DevTools后，你可以选中页面中的DOM元素，同时设备中对应元素也高亮显示，也可使用DevTools中的Inspect Element 选中目标元素，可以实时与移动设备页面交互，方便的定位问题所在，进行代码调试。
可以通过模拟器和实机调试，个人建议通过实机调试比较好。android：android模拟调试可以通过pc安卓模拟器以文件形式打开调试，也可以通过chrome浏览器的F12开发人员工具模拟手机环境。android实机调试也很方便，可以直接通过usb将html文件放到手机中，用浏览器打开即可。
开发时可以用电脑浏览器模拟responsive 调试，如果网站已经发布可以直接用移动设备的浏览器访问。一般在移动设备上调试html5的网页，主要是调试css，看看显示是否有问题再去做相应的调整。
如何做好网页制作
1、如何做好网页制作要领一：确定网站主题做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。
2、选择合适的工具：安装Dreamweaver MX：对于新手来说，Dreamweaver MX是一个易于上手且功能强大的网页制作工具。它提供了直观的用户界面和丰富的功能，有助于你逐步掌握网页制作的基本技巧。熟悉工具和功能：尝试各种功能：打开Dreamweaver MX后，不要急于创建复杂的网页。
3、制作网页时，首先要明确建站目的，比如是个人博客还是企业官网，以及内容的规模。接下来，根据现有页面调整和增加功能板块，排版并设定页面风格。制作网页时，应保持页面简洁，避免过度装饰。花哨的设计会分散用户的注意力，使其感到不适。建议选择一种主要颜色，并搭配一两种互补色，以保持页面的整体性。
4、网页制作时选择比较简单的语言，进行文字的处理，在文字中插入图片，产生链接，可以先制作自我介绍的页面，自我介绍页面做好之后再制作封面。把文件处放在一个文档中，制作主页很简单，只要多进行实际的操作就会熟练。
5、空间的购买想要制作公司页面，首先就是需要购买虚拟空间，通过虚拟空间来存放各种数据库文件。这也是制作页面的时候必须要花费的费用。域名的选择需要创建一个合适的域名来为公司获取一定的浏览，域名对于公司的重要性，相当于一个人的姓名，每个网站只能创建一个域名。
6、所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
制作网页时怎么一边写代码一边调试
iOS+Safari打开手机web检查器。通过【设置】【Safari】【高级】【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。
我们例子的Html代码很简单，如图，就是一个按钮，点击这个按钮，会触发点击事件。点击事件的脚本代码如图，也很简单，主要是对二个数做相加操作，然后alert弹出相加的结果。 逻辑很简单，我们这里主要是演示调试的过程。代码都写好了，我们用Chrome浏览器打开这个网页。
通过右键点击页面元素并选择“检查”或使用快捷键（通常是Ctrl+Shift+I，然后切换到Elements标签），可以快速定位到相应的HTML代码。- 利用控制台：开发者工具中的“Console”面板可以用来查看JavaScript的错误信息和调试输出。通过打印变量和表达式的结果，可以帮助你理解代码的运行状态。
这个时候我们就可以编写自己需要的内容了，内容要填写在之间。这样才能在网页中显示。特别注意，记得保存填写的代码，假如修改代码后没有保存，左上角会出现一个“*”提醒你要保存。到这里代码的编写就完成了。二：JSP页面调试 第一部分已经把代码编写完成了，现在就要开始调戏编写好的代码了。
