终端开发

Android开发之FileProvider相关知识 Android 权限 及设置描述信息 局域网开启 Android ADB 无线调试 安卓开发那些事之开发规范 安卓组件化之组件通信及拦截 安卓开发那些事之版本管理 安卓组件化之持续集成与自动构建 安卓组件化之组件调试和运行 安卓组件化之组件管理（导入、依赖、升级） 安卓组件化之框架设计 安卓开发那些事总纲 Android Textview 对HTML 的支持 appium 爬坑之基于 Chromedriver 测试 Android webview Linux 搭建 Android 编译构建环境 appium爬坑之iMac上基于appium多设备并发测试 appium爬坑之iMac上appium环境搭建及使用真机测试Android项目简介 H5页面通过指定Schema拉起Android应用 Android JSBridge简介 Gradle插件开发系列之发布gradle插件到开源库 Gradle插件开发系列之开发第一个gradle插件 Gradle插件开发系列之gradle插件调试方法 Gradle插件开发系列之总纲 一款检查Gradle依赖配置是否冲突的插件 记一次升级Android Gradle Plugin后databing编译报错填坑经历 iMac上 Xcode 相关设置及常见问题 iOS开发 -- 首次使用Xcode运行iOS项目代码 使用Android Studio开发可独立运行（runnable）混淆过的Jar程序 Android安装包精简系列之资源精简 Android安装包精简系列之图片优化 Android安装包精简系列之为什么要优化精简安装包 Android安装包精简系列（总纲） Android安装包精简系列之图标转字体 Gradle 相关资料汇总 Android编译常见错误解决 Android编译编译速度提升 终端基于gradle的开源项目运行环境配置指引 制作终端产品演示的gif 一个关于APK Signature Scheme v2签名的神奇bug定位经历 如何随apk一起打包并使用SQLite SDK热更之gradle插件（如何在SDK代码中自动插桩及如何生成补丁包） 关于Android的APK Signature Scheme v2签名相关的资料汇总 封装HttpURLConnection实现的简单的网络请求库 一款基于Java环境的读取应用包名、签名、是否V2签名等基本信息的工具 Android的APK Signature Scheme v2签名及一款基于Java环境的校验工具介绍 如何使用Eclipse开发可执行Jar程序，并生成混淆过的jar程序 Android 相关的学习资料整理(持续更新) macOS（Sierra 10.12）上Android源码（AOSP）的下载、编译与导入到Android Studio Android开发常用命令备忘 Google也看不下去被玩坏的悬浮窗了么？ Android开发常用工具资源 SDK热更系列之概述(持续整理编辑中~) SDK热更系列之SDKHotfix待优化点 Android 终端开发相关的一些神图（持续更新） SDK热更系列之Demo项目介绍概述 SDK热更系列之Demo体验方法 SDK热更系列之如何获取应用在当前设备上的so对应的指令集 Gradle Android插件使用的中那些特别注意的点 Experimental Plugin User Guide(From Android Tools Project Site) 基于Android Studio使用gradle构建包含jni以及so的构建实例 基于Instrumentation框架的自动化测试 - Android自动化测试系列（四） Instrumentation框架介绍-Android自动化测试系列（三） 关于终端设备的设备唯一性的那些事之MAC地址 关于终端设备的设备唯一性的那些事之IMEI Android 检查应用是否有root权限 ant常见错误解决方案 Gradle介绍 iMac上Android Studio 相关设置及常见问题 ADB命令系列之再说ADB 再看Android官方文档之分享 再看Android官方文档之Fragment&数据保存 再看Android官方文档之Activity&Intent 再看Android官方文档之ActionBar和兼容性 ADB命令系列之 adb shell input（Android模拟输入）简单总结 再看Android官方文档之建立第一个APP Android开发调试常用工具 ANR(网络资料整理) Java参数引用传递引发的惨案（又一次Java的String的“非对象”特性的踩坑经历） android.view.WindowManager$BadTokenException,Unable to add window Android签名校验机制（数字证书）及命令行获取 keystore 公钥等信息 Robotium二三事-Android自动化测试系列（二） Robotium介绍-Android自动化测试系列（一） Android开发中遇到的那些坑 Eclipse使用中部分经验总结 Android中关于Nativa编译（NDK、JNI）的一些问题 Android简单实现的多线程下载模块 Android内存耗用之VSS/RSS/PSS/USS ADB命令系列之 Advanced Command URL编码中的空格(编码以后变为+) Android MD5后 bye数组转化为Hex字符串的坑（记一次为女神排忧解难的经历） Android学习之路 ADB命令系列之 Base Command Android Log的那些坑…………

开发工具

Linux JDK 安装、卸载、路径查看 替换Jcenter，发布开源代码到 Sonatype Maven Central 使用 gitstats 分析代码仓库 使用 Jekyll 搭建技术博客并部署到 CentOS 服务器 开发中常用的文档管理、云端笔记等效率工具介绍 iMac（OS X）常用图片处理工具介绍 使用 Octopress 搭建技术博客并使用腾讯云静态网站托管 使用腾讯云静态网站托管个人博客 使用 Jekyll 搭建技术博客 iMac上安装Python2.7 和 Python3 iMac 使用自带的 Apache 启用本地web服务 发布开源代码到jcenter Gradle环境变量那些事 iMac搭建jekyll本地环境 iMac（OS X）开发和使用中经验汇总（持续更新） iMac配置基于crontab的定时任务 iMac配置支持读取NTFS硬盘 新iMac机器装机及开发环境搭建攻略 git常用命令整理（已包括branch、tag等持续更新~） iMac使用过程中的简单故障解决 iMac上RubyGems相关的问题汇总 开发中常用的一些Chrome插件介绍 iMac（OS X）日常开发中各种代理设置方法汇总（shell、Android Studio、gem、npm） Markdown格式优化及使用技巧 iMac下制作含透明度图片及判断图片透明度 iMac（OS X）中设置大小写敏感的分区并切换 Linux & MacOS中一些常用命令备忘 iMac（OS X）搭建私有maven仓库，提供Nexus Responsitory镜像 iMac（OS X）El Capitan 更新遇到的那些坑 vi常用命令 iMac（OS X）常用开发工具介绍 iMac（OS X）不可或缺的套件管理器 —— Homebrew 开发环境通用设置 windows中一些常用命令备忘 问题定位之快速模拟请求 Ant中的SVN 使用 Markdown语法简介 SVN 常用命令

标签

总结 8

公共平台 3

wordpress 1

API 1

web 9

资源 4

android 50

ADB快捷输入法 - AAF 开发中图片图标处理常用工具资源 Linux 搭建 Android 编译构建环境 H5页面通过指定Schema拉起Android应用 Android编译常见错误解决 一个关于APK Signature Scheme v2签名的神奇bug定位经历 关于Android的APK Signature Scheme v2签名相关的资料汇总 封装HttpURLConnection实现的简单的网络请求库 一款基于Java环境的读取应用包名、签名、是否V2签名等基本信息的工具 Android的APK Signature Scheme v2签名及一款基于Java环境的校验工具介绍 如何使用Eclipse开发可执行Jar程序，并生成混淆过的jar程序 Android 相关的学习资料整理(持续更新) macOS（Sierra 10.12）上Android源码（AOSP）的下载、编译与导入到Android Studio Android开发常用命令备忘 Google也看不下去被玩坏的悬浮窗了么？ Android开发常用工具资源 Android 终端开发相关的一些神图（持续更新） Gradle Android插件使用的中那些特别注意的点 Experimental Plugin User Guide(From Android Tools Project Site) iMac（OS X）搭建私有maven仓库，提供Nexus Responsitory镜像 基于Android Studio使用gradle构建包含jni以及so的构建实例 基于Instrumentation框架的自动化测试 - Android自动化测试系列（四） Instrumentation框架介绍-Android自动化测试系列（三） 关于终端设备的设备唯一性的那些事之MAC地址 关于终端设备的设备唯一性的那些事之IMEI Android 检查应用是否有root权限 iMac（OS X）El Capitan 更新遇到的那些坑 ant常见错误解决方案 Gradle介绍 iMac上Android Studio 相关设置及常见问题 ADB命令系列之再说ADB 再看Android官方文档之分享 再看Android官方文档之Fragment&数据保存 再看Android官方文档之Activity&Intent 再看Android官方文档之ActionBar和兼容性 ADB命令系列之 adb shell input（Android模拟输入）简单总结 再看Android官方文档之建立第一个APP Android开发调试常用工具 ANR(网络资料整理) Java参数引用传递引发的惨案（又一次Java的String的“非对象”特性的踩坑经历） android.view.WindowManager$BadTokenException,Unable to add window Android签名校验机制（数字证书）及命令行获取 keystore 公钥等信息 Eclipse使用中部分经验总结 Android内存耗用之VSS/RSS/PSS/USS ADB命令系列之 Advanced Command URL编码中的空格(编码以后变为+) Android MD5后 bye数组转化为Hex字符串的坑（记一次为女神排忧解难的经历） Android学习之路 ADB命令系列之 Base Command Android Log的那些坑…………

log 1

adb 6

学习资源 1

md5 1

bug 7

svn 2

命令 3

常用工具 8

Markdown 3

markdown 2

工具 30

经验 3

SDK 22

Android 13

NDK 1

jni 1

个人作品 7

终端 1

测试 7

签名 1

iMac 13

调试 1

学习 1

gradle 7

ant 1

旅行 8

php 1

git 2

mac 2

java 1

androir 1

sqlite 1

mysql 1

tags 53

替换Jcenter，发布开源代码到 Sonatype Maven Central Android开发之FileProvider相关知识 子勰开源项目展示 照片整理系之视频归档整理方案 使用 gitstats 分析代码仓库 Android 权限 及设置描述信息 局域网开启 Android ADB 无线调试 安卓开发那些事之开发规范 安卓组件化之组件通信及拦截 安卓开发那些事之版本管理 安卓组件化之持续集成与自动构建 安卓组件化之组件调试和运行 安卓组件化之组件管理（导入、依赖、升级） 安卓组件化之框架设计 安卓开发那些事总纲 Android Textview 对HTML 的支持 使用 Jekyll 搭建技术博客并部署到 CentOS 服务器 2018年春节仙本那海岛游行程规划 照片整理系列之单次整理流程 照片整理系列之整理及归档的总体方案 使用 Octopress 搭建技术博客并使用腾讯云静态网站托管 使用腾讯云静态网站托管个人博客 使用 Jekyll 搭建技术博客 颜色透明度对照表 Android JSBridge简介 Gradle插件开发系列之发布gradle插件到开源库 Gradle插件开发系列之开发第一个gradle插件 Gradle插件开发系列之gradle插件调试方法 发布开源代码到jcenter Gradle环境变量那些事 Gradle插件开发系列之总纲 一款检查Gradle依赖配置是否冲突的插件 记一次升级Android Gradle Plugin后databing编译报错填坑经历 服务器 迁移到 腾讯云 记录 2018年春节沙巴仙本那海岛游 聚会桌游助手 nodejs入门之后台服务的几种启动方式 nginx下多域名配置示例 nodejs入门之连接mysql mysql迁移之新建用户、备份还原数据库 iMac配置基于crontab的定时任务 iOS开发 -- 首次使用Xcode运行iOS项目代码 新iMac机器装机及开发环境搭建攻略 旅行中不可或缺的软件 iMac上RubyGems相关的问题汇总 接口设计六大原则 Canvas上更高效的画SVG 微信小程序开发之SVG的使用 旅行出行前准备列表 使用Android Studio开发可独立运行（runnable）混淆过的Jar程序 2017年端午川西滇北香格里拉环线(近200张图慎点) 照片整理系列之基于命令行的照片整理及查看工具 Gradle 相关资料汇总

apk 5

图片 1

规划 1

chrome 1

iOS 1

jekyll 1

ruby 1

schema 1

自动 3

appium 2

linux 1

webview 1

开发资源 1


通过JS检测当前设备类型

「 前端开发 」 ——  2015年08月31日

[本文结构]

背景：

基友做了个APP，发了一排二维码，然后互相吐槽了一下，发现移动应用出现也一年了，虽然很简单，但是好像都懒得通过写个JS来判断然后发一个二维码让大家下载应用。虽然内容不多，而且没啥难度，但是动嘴不如动手，总要有人做，就专门整理一下。

简介：

提供了几个JS接口，通过这几个JS接口，可以轻松获取到当前打开页面的浏览器类型，然后根据类型跳转到对应的链接。同时也提供了两个demo方便大家参考。

二维码：二维码入场券

对应链接：https://microdemo.bihe0832.com/MultiQrcode/index.html

对应github地址：https://github.com/bihe0832/MultiQrcode

Demo：

Demo1 :

Demo1详细展示了各种设备下的页面跳转(PC和各种移动设备）)。不会换起下载，只会打开各种页面。详细的跳转代码参见目录下jump.html

二维码：二维码入场券

对应链接：https://microdemo.bihe0832.com/MultiQrcode/Demo1/jump.html

Demo2:

Demo2提供了常见应用下载的二维码的方式中，提供一个二维码支持各种平台下载。详细的跳转代码参见目录下download.html

二维码：二维码入场券

对应链接：https://microdemo.bihe0832.com/MultiQrcode/Demo2/download.html

Tools:

Tools提供了获取是否是移动设备，获取系统，设备类型的各种函数的调用效果。详细的跳转代码参见根目录下tools.html.

二维码：二维码入场券

对应链接：https://microdemo.bihe0832.com/MultiQrcode/tools.html

实现原理：

利用浏览的navigator中的platform字段和userAgent字段来区分请求来源。

提供接口：

ZixieJS.browser.isPc

  • 功能：判断平台是不是PC
  • 参数：无
  • 返回值：是否为PC设备

ZixieJS.browser.getDevices

  • 功能：判断设备类型
  • 参数：无
  • 返回值：ZixieJS.browser.devices

ZixieJS.browser.getSuperAPP

  • 功能：判断是否为超级app
  • 参数：无
  • 返回值：ZixieJS.browser.app

ZixieJS.browser.getOSDetail

  • 功能：获取具体的PC 操作系统类型和版本号
  • 参数：无
  • 返回值：ZixieJS.browser.OS

ZixieJS.browser.getOS

  • 功能：获取PC系统类型
  • 参数：无
  • 返回值：ZixieJS.browser.OS

代码结构：

 — Demo1: Demo1相关代码
 	- jump.html: Demo1核心代码
 — Demo2: Demo2相关代码
 	- download.html: Demo2核心代码
 — index.html:Demo首页
 — res:页面相关资源
 	- brower.js :核心代码
 — tools.html:JS调用的整体事例。

赞赏

取消
微信扫一扫，赞赏子勰
扫码支持
屌丝程序猿，鸡血攻城狮！努力学技术，潜心做精品！