hbuilder怎么运行html

Posted 2023-05-10

HBuilder是DCloud推出的一款支持html5的Web开发IDE。它可以大幅提升HTML的开发效率。

下面是hbuilder怎么运行html的详细步骤：

使用HBuilder新建项目

1.打开软件，依次点击文件→新建→选择Web项目，(按下Ctrl+N,W）可以触发快速新建。

2.请在A处填写新建项目的名称，B处填写(或选择)项目保存路径(更改此路径HBuilder会记录，下次默认使用更改后的路径)，C处可选择使用的模板(可点击自定义模板,参照打开目录中的readme.txt自定义模板)。

3.在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件)),并选择空白文件模板。

参考技术A

1.hbuilder顶部菜单有个运行，鼠标点击出来之后，可以选择需要的浏览器进行浏览。

2.快捷键浏览，切换到需要浏览的html页面，ctrl+r键运行。

本回答被提问者采纳 参考技术B ctrl加r

HBuilder基座和自定义基座差别

参考技术A (1) 点击菜单栏“运行”->“运行到手机或模拟器”，会在手机/模拟器上安装“HBuilder”应用（或者叫HBuilder基座），在应用开发过程中HBuilder/HBuilderX会将应用资源实时同步到基座并刷新，从而实时查看到修改效果。
(2) 这里的“HBuilder”应用（或者叫HBuilder基座）使用的是DCloud申请的第三方SDK配置，开发者设置的第三方SDK配置信息不会生效。如微信分享，分享后显示的来源一定是“HBuilder”。如果开发者希望自己申请的第三方SDK配置生效，则需使用自定义基座，在应用中调用 uni-app原生插件 也必须使用自定义基座。

(1) 自定义基座是使用开发者申请的第三方SDK配置生成的基座应用，用于HBuilder/HBuilderX开发应用时实时在手机/模拟器上查看运行效果
(2) 在HBuilder/HBuilderX中点击菜单栏“运行->运行到手机或模拟器->制作自定义基座”生成自定义基座安装包

(3) 打包成功后需要点击菜单栏“运行->运行到手机或模拟器->运行基座选择->自定义基座”来开启自定义基座功能
(4) 点击菜单栏“运行”->“运行到手机或模拟器”，可实时在手机上查看运行效果

(1) uni-app原生插件
必须使用自定义基座，HBuilder基座不支持调用uni-app原生插件。
(2) 地图
应用运行显示效果无差别，地图的配置信息只是校验开发者的合法性。
(3) 登录鉴权
授权页面显示效果不同，HBuilder基座显示的是“HBuilder”应用，自定义基座显示的是开发者配置的应用信息。
(4) 支付

(5) 推送
HBuilder基座需要使用DCloud账号登录推送平台才能下发推送消息（目前开发者无法在此环境下发推送消息）。
如果需要调试推送业务，则需要使用自定义基座，开发者登录到推送平台下发推送消息。
(6) 分享
分享后显示效果不同，HBuilder基座显示的分享来源是“HBuilder”应用，自定义基座显示的分享来源是开发者配置的应用信息。
(7) 语音识别

(8) 统计
HBuilder基座所有统计数据提交到DCloud申请的统计平台账号下。自定义基座统计数据提交到开发者申请的统计平台账号下。
备注 ：使用自定义基座各种SDK配置才能生效， 但是使用自定义基座进行云端打包后，HX提示【自定义基座不可用于正式发布，其脱离HBuilderX无法更新应用资源】，手机安装打出来的包提示【当前应用运行在测试环境，发布正式版请打正式包】。原因是自定义基座和HBuilder自带基座都是用于开发调试。使用自定义基座开发调试uni-app原生插件后，不可直接将自定义基座apk作为正式版发布。云打包时若勾选了“自定义基座”，打出来的是测试包；应该重新提交云端打包（ 不能勾选“自定义基座” ）生成正式版本，正式包的SDK配置会自动生效。