webapp相关系列
小仙女de成长
啊麻利麻利哄
展开
-
HB打包的apk进行升级
document.addEventListener('plusready', function() { var first = null; document.addEventListener("netchange",onNetChange,false); function onNetChange(){ //获取当前网络类型 var nt = plus.networkinfo.getCurrentType(); ...原创 2020-06-29 10:38:52 · 977 阅读 · 3 评论 -
此应用专为旧版Android打造,因此可能无法正常运行。请尝试检查更新或与开发者联系
今天这个文章,大家一定一定要看,简直是太坑了。。之前用HB打包的apk,安装到安卓手机,都没问题。现在问题来了。安卓低于10.0.0手机地图出不来,其他手机可以出来【用的百度地图】后来,后来,我问了我的安卓朋友"minSdkVersion":23, "targetSdkVersion": 29, "compileSdkVersion":29, "buildToolsVersion":"29.0.0",直接贴代码吧哎...原创 2020-05-22 09:49:53 · 9704 阅读 · 8 评论 -
webapp、混合app、native app区别
1.什么是webapp?是我们前端工程师接触的最多的内容2.什么是native app?是安卓、ios开发(安卓是基于java,ios是基于objectc)3.什么是混合app?就是我们前端跟安卓混合,既有安卓的页面,也有前端的页面.性能好,快现在webapp是主流了,开发快,成本低,版本迭代快,比如页面需要换个样式,native app需要重新打包,重新用户重新下载...原创 2019-11-26 09:52:24 · 530 阅读 · 0 评论 -
普通的html如何写自适应
首先,引入flexible.js//designWidth:设计稿的实际宽度值,需要根据实际设置//maxWidth:制作稿的最大宽度值,需要根据实际设置//这段js的最后面有两个参数记得要设置,一个为设计稿实际宽度,一个为制作稿最大宽度,例如设计稿为750,最大宽度为750,则为(750,750);(function(designWidth, maxWidth) { var do...转载 2019-01-17 16:32:36 · 11503 阅读 · 4 评论 -
iOS App打包上架超详细流程(手把手图文教你)
转载:https://www.jianshu.com/p/817686897ec1?open_source=weibo_search转载 2019-01-08 10:22:01 · 3085 阅读 · 1 评论 -
Fiddler手机安装https证书报错:无法安装该证书 因为无法读取该证书文件
之前在手机上使用 “ip:端口号” 的方法就能直接在手机上自动下载安装fiddler证书,但是现在有些手机并不能,那就需要我们去手机设置里手动安装。前提是,都要使用 “ip:端口号” 的方法先去下载好证书。IOS:设置 —> 通用 —> 关于本机 —> 受信任证书存储区,找到需要安装的证书,安装即可。ANDROID:设置 —> 安全 —> 从手机存储安装(或者...转载 2019-01-23 15:20:02 · 9200 阅读 · 0 评论 -
使用fiddler对手机上的程序进行抓包
前提:1.必须确保安装fiddler的电脑和手机在同一个wifi环境下备注:如果电脑用的是台式机,可以安装一个随身wifi,来确保台式机和手机在同一wifi环境下安装配置步骤:1.下载一个fiddler,网上随便下一个就可以了2.配置fiddlerTools->Fiddler Options->Connections说明:1.Fiddler listens on por...转载 2019-01-23 15:26:06 · 227 阅读 · 0 评论 -
苹果安装app的另一种方式(通过itms-services协议,不通过AppStore,直接安装IOS应用程序)
最近有一项目的要求是不通过苹果商店,二是通过扫描二维码进行下载app,当然了安卓手机是非常容易做到的,这里主要讲述苹果的。以及两个应用合并为一个的知识点。其实很多分发平台就是这样做的。比如:fir.im等等吧。那么接下来我们开始我们的博客内容。其实分发平台很多是获取你上传的app,会生成两个文件一个是plist文件,通过他我们可以下载对应的ipa文件。那么plist文件内容是这样的。内容主要...转载 2019-02-18 09:48:49 · 4225 阅读 · 0 评论 -
iOS通itms-services://协议安装ipa,省去https环境的搭建
原理使用Apple的itms-services://协议,在IOS7.1系统以后,如果要使用企业证书(299美元)通过itms-services在线安装ipa的话必须走https协议,其实需要https协议访问的只是manifest.plist文件的地址如:itms-services://?action=download-manifest&url=https://appInfo/mani...转载 2019-02-18 10:37:36 · 9104 阅读 · 0 评论 -
Vue 手机测试vue移动端项目(电脑修改,手机即可看到效果)
1:获取电脑网络ip地址(注意:手机端与电脑端需在同一无线局域网下,可电脑连接手机热点)命令行输入:ipconfig回车后获取到ip地址:如图中的172.20.10.42:将获取到的地址替换项目中的http:localhost:8080地址具体步骤:打开项目中的package.json文件,将红色部分代码段"scripts": { "dev": "webpack-dev-s...转载 2019-03-20 09:35:54 · 1479 阅读 · 0 评论 -
我想知道怎么把apk文件弄成二维码,让人一扫描就能下载apk,随后安装
二维码只是一个字符串,通常是一个链接,扫描过后可以通过链接访问需要的资源。你把apk文件放在网盘上,然后生成链接,再把链接做成二维码就行嗯,感谢作者http://ask.zol.com.cn/x/5425410.html...转载 2019-05-21 17:53:16 · 17725 阅读 · 2 评论 -
HTML5+ - 使用Share模块完成社交分享功能
微信分享实例代码<input type="button" value="微信分享" onclick="share();" /><script type="text/javascript">function share(){ var shareObj = null; plus.share.getServices( //获取分享服务成功...转载 2019-05-17 09:09:20 · 4928 阅读 · 1 评论 -
vue分享微信,基于打包后的apk,非网页版
亲自写的项目~~1.需要引入mui.js2.拿我代码去开发吧~~~~<template> <div> <input type="button" value="微信分享" @click="shareHref()" /> </div></template><script>var Intent =...转载 2019-05-17 09:49:21 · 759 阅读 · 11 评论 -
webapp分享插件(非网页版,app版)
参考资料http://ask.dcloud.net.cn/article/36https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419319167&token=&lang=zh_CNhttp...原创 2019-05-13 15:13:54 · 735 阅读 · 0 评论 -
vue项目中实现扫码功能
最近在项目中碰见一个打开摄像头扫码的功能,项目最后打包成app,用的是hBuilder打的包,刚好hBuilder打包集成H5+sdk,就可以直接用人家的sdk了。代码实现:<template> <div class="scan"> <div id="bcid"> <div style="height:40%"&转载 2018-11-21 14:41:12 · 4991 阅读 · 9 评论 -
使用HTML5+调用手机摄像头和相册
Gallery模块管理系统相册,支持从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。通过plus.gallery获取相册管理对象。1、方法1.1、pick: 从系统相册选择文件(图片或视频) void plus.gallery.pick( successCB, errorCB, option );说明:从系统相册中选择图片或视频文件。每次仅能选择一个文件,选择后将返回选...转载 2018-11-14 10:59:02 · 2179 阅读 · 0 评论 -
手机相册管理(gallery) ---- HTML5+
Gallery模块管理系统相册,支持从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。通过plus.gallery获取相册管理对象。管理我们手机上用到的相册:选择图片,和保存图片;应用场景:朋友圈发照片,QQ空间发视频,添加图片附件,添加视频附件;这个不需要初始化(new): 它有两个核心的方法:pick() 选取,save();保存;void plus.gallery.pick...转载 2018-11-13 10:25:17 · 859 阅读 · 0 评论 -
让网页装进Android手机(将html+css+js打包成Android应用)(简单的)
今晚尝试了一下,将自己简单写的网页(html+css+js)打包成Android应用装进手机。(当然如果网页做得好的话,采用响应式布局,即可在手机上完美展示)首先创建一个Android项目,在布局文件中加入WebView组件:activity_main.xml布局文件[html] view plain copy<RelativeLayout xmlns:android="http://...转载 2018-02-26 14:22:45 · 9261 阅读 · 2 评论 -
使用HTML5+调用手机摄像头和相册
实例:具体流程:点击触发选择拍照或相册-->拍照或相册选择照片-->拿到图片路径进行压缩-->读取文件并显示在页面上首先是html代码,很简单,就是给一个添加按钮,点击触发事件,这里我就不把css文件放出来,大家知道是一个添加按钮就行。 <h2 class="title-detail"> 图片描述 ...转载 2018-02-27 14:35:32 · 8648 阅读 · 0 评论 -
移动端默认返回按键,使用h5+修改默认事件
hbuilder的h5+提供开发webapp的诸多便利,很多手机自带back虚拟按键,如果不修改其默认事件,点一下app就退出了,所以我这里提供一种修改这个按键默认事件事件的代码。 首先你要用hbuilder创建一个移动项目,选择空模板,然后将你项目文件全部粘贴进去,首先在你的首页index.html添加如下代码,12345678910111213<script> docum...转载 2018-03-12 12:58:07 · 2439 阅读 · 1 评论 -
打包成app,点击返回按钮直接退出
document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventListener('backbutton', function() { webview.canBack(func...转载 2018-03-27 14:07:26 · 3863 阅读 · 3 评论 -
HBuilder打包成apk之后,如何让版本检测自动更新
var btn = [“确定升级”, “取消”]; //获取app系统更新[是否手动点击获取更新] function appUpdate(ismanual) { console.log(‘appUpdate’); mui.plusReady(function () { plus.runtime.getProperty(plus.runtime.appid,...转载 2018-06-29 14:36:36 · 11447 阅读 · 6 评论 -
HBuilder打包到ios教程
http://www.applicationloader.net/blog/zh/1073.htmlHbuilder用自有证书打包 ios App上架AppStore流程 https://www.jianshu.com/p/665c1d67adde感谢作者分享转载 2018-07-02 08:26:38 · 5558 阅读 · 2 评论 -
mui框架中H5+获取经纬度信息详解
plus.geolocation.getCurrentPosition(function(p){ alert('Geolocation\nLatitude:' + p.coords.latitude + '\nLongitude:' + p.coords.longitude + '\nAltitude:' + p.coords.altitude); console....转载 2018-07-03 08:13:42 · 714 阅读 · 0 评论 -
移动端使用 vConsole 打印console的信息数据
问题 由于在移动端无法打开控制台,所以想办法打印console的数据一直很苦恼。之前一直用chrome的inspect调试移动端,但是那样有一个问题,就是只能使用移动版的chrome查看数据,今天,群里的无痕小伙伴给我推荐了一个由微信出品的叫 vConsole。 vConsole 是一个由微信公众平台前端团队研发的 Web 前端开发者面板,可用于展示 console 日志,方便开发、调试。...转载 2018-09-05 17:07:09 · 2615 阅读 · 0 评论 -
什么是SDK
SDK的英文全名是:software development kit 软件开发工具包 通俗一点说 就是第三服务商提供的实现软件产品某项功能的工具包吧。可以减少你本人精力去开发一些功能,人家做的更精细话,你也更省心吧。他们有自己集合kpi和文档,范例、工具的形式出现 通常的sdk是由专业性质的公司提供专业服务的集合,比如提供安卓开发工具,或者基于硬件开发的服务等。。也有针对某项软件功能的SDK,...转载 2018-09-03 11:09:30 · 9435 阅读 · 2 评论 -
手机跟电脑联调
手机跟电脑联调,我之前每次都是打包,然后重新测试。,,神烦。。。突然有天发现,可以时时跟新,时时看到手机端效果的哎还有一个是config下面的index.js里面也改成你的ip地址就可以啦...原创 2018-09-19 16:06:19 · 817 阅读 · 0 评论 -
mui 启动页和引导页
一、启动页和引导页的概念“启动页”(splash):app的启动界面,每次启动都会看到的(每次打开QQ都会看到一只企鹅)。“引导页”(guide):guide是否展示是可控的,通常首次启动时显示,从第二次启动开始,引导页就不再显示,而是直接进入App主界面了。二、启动页的设置在manifest.json文件中在manifest.json文件的“启动图片(splash)配置”里设置,可...转载 2018-10-08 10:24:08 · 2236 阅读 · 3 评论 -
HBuilder mui 手拉手教你制作引导页
在制作引导页之前,先澄清一个概念。“启动界面”和“引导页”是两个东西,就拿hello mui为例,我们第一次打开的时候是这样的:首屏那个MUI字样的图片,叫做“启动界面”,后面的几个slider叫做“引导页”。而且,目前还不支持动态设置启动界面,但是引导页是html文件,里面的内容是我们自己可以动态控制的。回归正题,下面我们开始制作常规的引导页。一、index.html入口页,是做为一个逻...转载 2018-10-08 16:26:50 · 2242 阅读 · 0 评论 -
vue打包app后需要3张引导页
我们都知道HBuilder可以直接将写好的项目,打包成apk或者ipa,但是里面好像只可以配置一张启动页,但是无法配置3张引导页。不知道是不是我表达能力不行,当时做项目的时候,遇到了点问题,在一个qq群里,把这个问题描述了很久,大佬们也听不懂。。。后来直接参照一些大神的博客,用到项目之后,发现其实并不适用于vue项目,只是适用于html的项目。大家可以点击下面连接看一下HBuilder m...原创 2018-10-10 13:49:16 · 2811 阅读 · 0 评论 -
在webapp上使用input:file, 指定capture属性调用默认相机,摄像,录音功能
## 在webapp上使用input:file, 指定capture属性调用默认相机,摄像,录音功能在iOS6下开发webapp,使用inputz之file,很有用input type="file" accept="image/*" capture="camera">input type="file" accept="video/*" c转载 2018-01-17 11:19:20 · 764 阅读 · 0 评论