HTML相关的工具快捷方式等
chrome浏览器下载地址链接:https://pan.baidu.com/s/1dGl6qXz 密码:anhk;
Chrome调试运行程序的方法:
打开Hbuilde 将左上角的浏览器改为Chrome,当你要调试你的代码时只要点一下那你的程序就能在浏览器中运行了
接下来说说调试程序的基本操作,按F12,会变成这样子
看见红圈标的哪个箭头符号没,点击那个图标,在点击网页上图片文字等元素就能在右侧显示相对应的代码数据和盒模型,就像这样
我点击的是华为云的那张横图,右上方显示图片的相关HTML代码左下方的右边是图片的数据,右边是盒模型。
HBuilder的一些快捷键
网页测量工具(安装在chrome上-更多工具-扩展程序)
效果如图,可以测量各个元素的宽高。下载地址:链接:https://pan.baidu.com/s/1mjYHaT6 密码:c5tr
标签名+Table——输出完整标签对 父标签+>+子标签+*+X(X代表数字);可在父标签下构建多个子标签(>代表子一级,*x代表有多少个,你可以将这俩符号拆分组合)
标签名+#+id名构建带ID的标签,可以和前面的>和X组合。
CTRL+ALT+A是截图(这个快捷方式很重要),CTRL+C复制,CTRL+v粘贴,CTRL+S保存,CTRL+shift+s另存CTRL+A全选,CTRL+D删除本行并让后面代码上移,shift+tab选中内容前进一个TAB