adb 打开webapp
2018-08-27 08:20:09 dx_shendu 阅读数 1296

<iframe id="file_iframe" hidden src='' width='20%' height='20%' frameborder='1'></iframe>

 

("#file_iframe").prop( "src", 'https://view.officeapps.live.com/op/view.aspx?src='+ fileurl)

 

fileurl必须为外网可访问的资源,就是可以直接使用浏览器打开的资源链接

2018-11-29 16:17:03 zcn596785154 阅读数 119

PDF.js是为html5实现的在线预览pdf框架,所以你的浏览器要支持html5才能使用这个框架。

pdf.js使用步骤

一. 到官网下载 pdf.js 插件并解压 (地址: http://mozilla.github.io/pdf.js/ )

1: 进入官网

在这里插入图片描述
2 : 选择稳定版 下载
在这里插入图片描述
3: 下载至本地
在这里插入图片描述
4 : 解压
在这里插入图片描述
5:将解压后的文件夹重命名为generic拷贝到tomcat的webapps文件夹下:
在这里插入图片描述
然后启动tomcat,输入以下网址测试:

http://localhost:8080/generic/web/viewer.html

这时就会出现一个酷酷的界面:
在这里插入图片描述
generic/web/viewer.html主要是渲染阅读器的样式,而generic/web/viewer.js可以指定默认打开的文件(当然还有其他功能),打开viewer.js,找到下面一段代码:

defaultUrl: {
    value: 'compressed.tracemonkey-pldi-09.pdf',
    kind: OptionKind.VIEWER
  }

这里指定默认的pdf,要想打开指定的pdf文件,可以在http://localhost:8080/generic/web/viewer.html后面加上file参数。例如打开下面的test.pdf:
在这里插入图片描述
就可以使用

http://localhost:8080/generic/web/viewer.html?file=test.pdf

来打开
在这里插入图片描述
以上使用file传参是比较简单的方式,只要知道了文件名跟类型就行了。但是这种方式用在项目中的话只能打开项目里的pdf文件,换句话说就是PDF.js默认是不能打开项目外文件系统的文件,这时就需要自己写控制器来下载pdf文件。

控制器示例(基于spring boot框架):

/**
     * 预览pdf文件
     * @author Mike
     * @param request
     * @param response
     * @param fileName
     */
    @RequestMapping(value = "/downloadPdf", method = RequestMethod.GET)
    public void pdfStreamHandeler(HttpServletRequest request, HttpServletResponse response,String fileName) {
    	String filePath = "D:/upload/supervision/" + fileName;
//        System.out.println(fileName);
        File file = new File(filePath);
        byte[] data = null;
        try {
            FileInputStream input = new FileInputStream(file);
            data = new byte[input.available()];
            input.read(data);
            response.getOutputStream().write(data);
            input.close();
        } catch (Exception e) {
            System.out.print("pdf文件处理异常:" + e.getMessage());
        }
 
    }

其中fileName要包括文件后缀名。下面是前台调用控制器的示例:

window.location.href = "/pdfjs/web/viewer.html?file=" + encodeURIComponent("/downloadPdf?fileName=" + number + "." + type);

由于一个url中不能出现两个?号,所以需要用到js中的encodeURIComponent()来进行编码,然后viewer.js里会自动对编码的内容进行解码,函数如下:
在这里插入图片描述

2017-05-14 14:13:33 sc1785423 阅读数 1287

当我们开启Tomcat服务器,并在浏览器输入localhost:8080的时候,我们会看到如下网页:

当我们想在Tomcat上管理已经发布的APP的时候,我们可以点击manager APP。这时Tomcat会提示你,需要输入用户名和密码。这时我们需要在电脑上打开Tomcat根目录下的config文件夹,需要将该文件夹下的tomcat-users.xml文件按照提示注释文档要求配置账户和密码。此时就可以打开Manager APP这个功能了。打开之后如图:

Web app manager 界面

2016-08-31 16:09:06 u011592166 阅读数 2604

1、实现打电话或发短信

<a href="tel:10010">拨打10010</a>
<a href="sms:10010">发短信</a>

2、实现打开相册

<input type="file" accept="image/*"/>

3、实现打开相机

<input type="file" capture="camera" accept="image/*"/>


2013-10-26 14:56:39 hewy0526 阅读数 787

常常有这样的场景,咱们开发出来的Native-APP需要在Web-APP中进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的操作步骤:

1、用户第一次访问Web-APP

   a、点击Banner,进入到APP Store中对应的APP下载页

   b、APP下载页中提示:安装;用户点击安装

   c、安装完成后,APP下载页中提示:打开;用户继续点击打开

   d、用户正常使用APP

2、用户第二次访问Web-APP

   a、点击Banner,进入到APP Store中对应的APP下载页

   b、APP下载页中提示:打开;用户直接点击打开

   c、用户正常使用APP

3、用户第三次、第四次、...、第N次访问Web-APP,操作步骤同2

能看出来,不管是点击Banner还是扫描二维码的方式,对于已经安装过Native APP的用户来说,这个体验都是非常糟糕的。

更优的体验是:点击Banner(或扫描二维码)后,程序判断当前系统是否已安装Native App,如果未安装,则自动跳转到App Store下载页;否则直接打开Native App


在iOS上,要增加一个APP的大Banner,其实只需要在<head>标签内增加一个<meta>标签即可,格式如:

<meta name='apple-itunes-app' content='app-id=你的APP-ID'>

比如加一个百度贴吧的Native APP大Banner,用下面这串儿代码:

1
<meta name='apple-itunes-app' content='app-id=477927812'>

而对于点击链接后,能否直接打开,可以通过下面的代码来实现。前提条件:你得知道你的APP对应的打开协议,如贴吧APP,协议为:com.baidu.tieba:// ,微信的:weixin:// ,and so on。。。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- a标签的链接,设置为对应的下载链接;点击打开的动作,在click事件中注册 -->
<a href="https://itunes.apple.com/cn/app/id477927812" id="openApp">贴吧客户端</a>
<script type="text/javascript">
    document.getElementById('openApp').onclick = function(e){
        // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为
        // 否则打开a标签的href链接
        var ifr = document.createElement('iframe');
        ifr.src = 'com.baidu.tieba://';
        ifr.style.display = 'none';
        document.body.appendChild(ifr);
        window.setTimeout(function(){
            document.body.removeChild(ifr);
        },3000)
    };
</script>

当然,如果你是设计成一张二维码,可以用下面这段代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- a标签的链接,设置为对应的下载链接;点击打开的动作,在click事件中注册 -->
<a href="https://itunes.apple.com/cn/app/id477927812" id="openApp" style="display: none">贴吧客户端</a>
<script type="text/javascript">
    document.getElementById('openApp').onclick = function(e){
        // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为
        // 否则打开a标签的href链接
        var ifr = document.createElement('iframe');
        ifr.src = 'com.baidu.tieba://';
        ifr.style.display = 'none';
        document.body.appendChild(ifr);
        window.setTimeout(function(){
            document.body.removeChild(ifr);
        },3000)
    };
    document.getElementById('openApp').click();

要使用哪一种,就取决与你的实际场景了!

在webapp中判断native app是否安装并直接打开

阅读数 24

http://www.baidufe.com/item/cc592a4b3382eed8ec6e.html常常有这样的场景,咱们开发出来的Native-APP需要在Web-APP中进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(AppStore中的)。所以咱们来模拟一下用户的操作步骤:1、用户第一次访问Web-APP...

博文 来自: xyxdasnjss

在webapp中判断native app是否安装并直接打开

阅读数 3585

转自:http://www.baidufe.com/item/cc592a4b3382eed8ec6e.html常常有这样的场景,咱们开发出来的Native-APP需要在Web-APP中进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(AppStore中的)。所以咱们来模拟一下用户的操作步骤:1、用户第一次访问

博文 来自: xiaoguang44

android 在webapp中判断native app是否安装并直接打开

阅读数 921

常常有这样的场景,咱们开发出来的Native-APP需要在Web-APP中进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(AppStore中的)。所以咱们来模拟一下用户的操作步骤:1、用户第一次访问Web-APP  a、点击Banner,进入到APPStore中对应的APP下载页  b、APP下

博文 来自: qilixiang012

Tomcat8能打开自带的主页,但是打不开webapp下面的项目的解决方法

阅读数 2002

在linux系统上部署了tomcat8之后做了个测试,但是把打包好的war包传到tomcat下面的webapp文件夹后就是打不开。在本地的tomcat上能打开,说明项目名或者路径是没错了,tomcat的主页也能代开,说明tomcat的部署是可以运行的。网上找到了说修改config\web.xml中一个listings的值,从false改为true,试了一下不好用,但是没改回来。然后我就想到了本地开...

博文 来自: mylf19

微信中打开头条新闻, 返回却到头条webApp首页源码,实现PV回流增长!

阅读数 13

日常生活中经常可以遇到,有朋友通过微信向你分享今日头条、腾讯新闻等各大门户的新闻,但是当你点击进去查看完后,在点击手机的返回键,发现不是直接返回的微信聊天界面,而是先返回到该新闻网站的首页,再次返回才到聊天界面。今日头条这个思路挺好,劫持到用户返回操作后先给你返回到新闻列表页,很有可能你被列表页的某篇文章吸引了,然后继续阅读...

博文 来自: weixin_33862041
没有更多推荐了,返回首页