jquery.smartbanner使用说明-手机访问网站时提示下载app

官网地址:http://jasny.github.io/jquery.smartbanner/

应用实例:

<html>
  <head>
    <title>澳洲网</title>
    <script src="jquery-1.7.2.min.js"></script> <!-- 必须先调用jquery -->
    <meta name="apple-itunes-app" content="app-id=590380009" /> <!-- 590380009是apple应用的id -->
    <meta name="google-play-app" content="app-id=com.bjhwzx.mobile.au123news" /> <!-- com.bjhwzx.mobile.au123news是android应用的id -->
    <link rel="stylesheet" href="jquery.smartbanner.css" type="text/css" media="screen" />
    <script src="jquery.smartbanner.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        //title是应用的名字,author是应用的开发者信息,icon是应用就的logo地址,更多的参数可以参考官网
        $.smartbanner({title: '澳洲网', author: 'PACIFIC MEDIA', icon: 'logo-mobile.png'});
    });
    </script>
  </head>
  <body>

  </body>
</html>

用移动客户端访问网站时会顶部会出现提示条,点击一次后生成cookie,下次访问网站时不再出现,测试时可以删除cookie让它重新出现。

可以用chrome测试不同客户端,方法如下:

  • 按F12调出开发者工具
  • 点击右下角的齿轮出现设置界面
  • 点击Overrides
  • 勾选User Agent,选择需要测试的客户端
  • 刷新页面

可以用移动设备或模拟器访问官网或者澳洲网查看效果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,234评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,288评论 25 709
  • 作者:晚晴幽草轩www.jeffjade.com/2016/10/31/115-summary-of-cookie...
    饥人谷_Dylan阅读 1,235评论 0 51
  • 背景在HTTP协议的定义中,采用了一种机制来记录客户端和服务器端交互的信息,这种机制被称为cookie,cooki...
    时芥蓝阅读 2,395评论 1 17
  • 中午偶遇云朵,开心。 午睡一不小心睡到六点,再过两个半小时就下班,不去上班了。 浮生一梦似经年啊~
    巫落阅读 184评论 0 1