用HBuilder中的app项目来制作网页,关于tab-webview-main.html的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用HBuilder中的app项目来制作网页,关于tab-webview-main.html的问题相关的知识,希望对你有一定的参考价值。

我想用HBuilder来制作一个网页,我想要做成的是那种很像app效果的网页,所以就创建了app项目,并且使用了tab-webview-main.html这个例子中的底部导航栏,但是现在发现,它说[Web浏览器] "Uncaught ReferenceError: plus is not defined (提示: plus api只能在手机app里运行)"所以想问问各位大佬,有没有办法解决啊

(出问题的一行是这样的): plus.webview.show(targetTab,"fade-in",300);

有没有办法把他改成什么东西然后让它可以在浏览器下实现效果呢。

其实还有个div模式的tabbar,但是那个文件里,中间的页面和上下栏是放在一个文件中所以感觉切换的时候会有时效性问题

救命啊/(ㄒoㄒ)/~~/(ㄒoㄒ)/~~/(ㄒoㄒ)/~~

参考技术A 谷歌浏览器按F12调试,点手机图标进入手机模式追问

没有用,好像是因为plus api只能在手机app里运行,这个是hbuilder里移动app项目中的模板

追答

既然你只是做网页,何不把代码拷出来放在一个html文本中

追问

我考出来了,但是js里的这个代码无法运行,放浏览器里也是,只有打包成app它才能出现效果

追答

请贴源码

参考技术B 不是mui呢?hbuilder移动app项目HTML5+的,有办法改成手机html页面吗?我想实现网页二维码扫描,但是mui好像没有,只有html5+才有,但是其它资料说html5+目前浏览器无法解析 参考技术C 你好,请问你的问题解决了吗? 我这边也是一个已经做好的app项目,现在要改成能在手机浏览器上面运行的HTML页面,都是使用的HTML+css+js代码写的,也是和你一样报错,如果你解决了的话求告知,谢谢。追问

时间有些长了,具体的情况有些记不清了,但是最后问题确实是解决了,就是忘记了是用tab-vebview-main还是用的别的,hbulider用的框架就是mui,所以我当时是去查了mui的官方文档http://dev.dcloud.net.cn/mui/然后解决了我的问题。里面的小手机其实也是用网页实现的,而里面也有个“底部选项卡-div模式”并且实现了,所以现在看来应该是有办法解决

追答

对了,你问的那个问题跟我遇到的一样,plus.webview.show()你是怎么解决的?

以上是关于用HBuilder中的app项目来制作网页,关于tab-webview-main.html的问题的主要内容,如果未能解决你的问题,请参考以下文章

关于在Hbuilder中制作app底部导航栏的问题

简单把网站打包成APP– HBuilder

自己如何把网站打包成APP – 利用HBuilder

hbuilder 本地打包的app怎么打开

hbuilder网页设计实验报告原理

用HBuilder打包网页app时,手机底部显示黑色的,怎么解决?