大家知道的，苹果手机打开网页pdf文件默认可以打开，内置了阅读器，但是Android就不行，必须使用一些js手段来实现在线预览，不然就会直接提示下载，很不友好。下面分享一下简单几步实现安卓手机在线预览pdf文件。
近来随着前端技术的发展，HTML5应用又看见了春天。很多以前深耕于PC端的WEB开发者，慢慢也开始转战移动端。虽然在PC端他们已身经百战，但是在移动端碰到的问题仍不少，因为WEB网络永远不会提供像本地移动平台一样多的API或控制。经管如此，但我们的用户仍然期望有相同的优秀体验。
最近要分析web页面，在安卓和ios上的性能差异，除了操作系统本身不同之外，应该还多地方要探究的，第一步就是要在真机上分析。所以总结一下几个方法。
文章目录 四、测试工具 1. 单元测试 单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。常见的单元测试工具有： * QUnit * NodeUnit 1.1 前端单元测试QUnit 首页：http://qunitjs.com 源码：https://github.com/jquery/qunit QUnit是jQuery团队开发的JavaScript单元测试工具，功能强大且使用简单。目前所有的JQuery代码都使用QUnit进行测试，原生的JavaScript也可以
上面说 weinre 是一个远程 web 调试器。说到了它的发音，还挺幽默，哈哈。
此时可以看到dist目录的文件图标由 W 变成了 A，说明此时的web项目已经变成了移动APP项目 ，而且此时生成了一个新的文件manifest.json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文版权归作者AWeiLoveAndroid所有，未经授权，严禁私自转载。转载请声明原文链接和作者信息。
最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。
对于前端开发来说，在pc端使用chrome等浏览器的开发者工具简直是好用到爆，Chrome手机模拟器可以帮助开发调试移动端web页面，然而在真机内调试起移动端web页面的时候就显得无从下手。目前已经有不少移动端的真机调试工具，本人在综合使用后推荐以下两类调试方案：chrome/safari真机调试 和 spy-debugger调试。
写在前面的话： 因为是我自己亲身参与的项目，所以代码啊，架构啊，应该不会很高大上，反而会很土，很从底开始，一点点的加深对web前端架构的认识。 而且很有可能搞的跟工作日志一样了，这几天搞了个什么模块啊，用的什么思路啊，，，等等。 而且因为公司开发环境所限，开发方式和工具也只能是跟着公司的技术选型走。至少目前看来，什么noteJs啊，seaJs啊，request.js，什么打包啊，按需加载之类的，肯定是没法用了。 那同学们可能要说了，这些都不用，还搞个屁的web前端架构啊，，那我要说，在没有这
前几年，很多人看到IT行业越来越火，就想转行成为程序员。那时候转行还是很简单的，不一定要掌握很多技术知识，如果你是前端人员，甚至会写个静态页面就可以去应聘了。但现在，这样的“好事”越来越不好找了，很多毕业生面临着一毕业就失业的情况。然而，市面上饱和的大多数是初级的职位，对于中高级开发工程师，企业还是很欢迎的。
插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库，现已不再维护 skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相 Framework7: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的
2、区分app和手机端网页 手机app：是那些可以在手机的应用商店下载安装的软件，如微信、QQ等 手机端网页：是浏览器打开的网页，如www.taobao.com。（大部分写网页）。
android sdk里面自带的uiautomatorviewer.bat可以查看手机app上的元素，但是不太好用，网上找了个大牛写的weditor，试用了下还是蛮不错的 python环境：3.6
之所以写这个总结，还要从上周的一次移动端项目的 debug 说起。那天，测试小姐姐拿着自己的 iphone6s 过来找我，说页面打不开。我想：这怎么可能，我手机里挺好的呀，Chrome调试工具也没报错呀！就把她手机拿过来看了看，发现一进去还真就是一片空白。WTF（手动黑人问号）！！！那问题就来了，开发环境下没报错，可真机又出现了意料之外的情况，而且没法像 PC端 那样祭出 F12 大法，怎么定位问题并解决呢？最后凭借着我（谷歌）的聪明才智，找到了媲美 PC端 调试体验的方式。在此总结一波，献给各位被移动端真机调试折磨，而又无从下手的前端er们，话休烦絮，直接奉上：
从很多特点来看，小程序都非常类似于网页：主要的业务逻辑在服务端、客户端无需安装应用程序、小程序的开发采用的HTML+JS+CSS技术等等。张小龙自己对小程序的定位也大概如此：无意做小程序分发平台，只是做类似于PC互联网时代的网站，但体验比网站好，比下载APP更便捷。所以，把小程序看成手机端的Web页，来思考小程序的价值，不失为一个重要的角度。而从PC端网络应用从C/S模式向B/S模式的变迁历史，也能够反思手机端的未来发展。 网络应用程序的架构主要有C/S（客户端/服务器）模式和B/S（浏览器/服务器）模式，
关于WebVR 最近VR的发展十分吸引人们的眼球，很多同学应该也心痒痒的想体验VR设备，然而现在的专业硬件价格还比较高，入手一个估计就要吃土了。但是，对于我们前端开发者来说，我们不仅可以简单地在手机上进行视觉上的VR体验，还可以立马上手进行Web端VR应用的开发！ WebVR是一个实验性的Javascript API，允许HMD（head-mounted displays）连接到web apps，同时能够接受这些设备的位置和动作信息。这让使用Javascript开发VR应用成为可能（当然已经有很
最近腾讯出了一套跨端开发框架 ：Hippy 其实早在今年年初微信也出了一套：腾讯微信发布多端统一框架 Omi
在Web开发中，总有一些接口需要暴露在用户认证前访问，短信发送接口特别是短信验证码注册接口便是其中典型的一类，这类接口具有如下特点：
去年谷歌和火狐针对WebVR提出了WebVR API的标准，顾名思义，WebVR即web + VR的体验方式，我们可以戴着头显享受沉浸式的网页，新的API标准让我们可以使用js语言来开发。今天，约克先森将介绍如何开发一个WebVR网页，在此之前，我们有必要了解WebVR的体验方式。 WebVR体验模式 ---- WebVR的体验方式可以分为VR模式和裸眼模式 VR模式 1.滑配式HMD + 移动端浏览器 如使用cardboard眼镜来体验手机浏览器的webVR网页，浏览器将根据水平陀螺仪的参数来获取用户
允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
Web 全景在以前带宽有限的条件下常常用来作为街景和 360° 全景图片的查看。它可以给用户一种 self-immersive 的体验，通过简单的操作，自由的查看周围的物体。随着一些运营商推出大王卡等
万物有开始就有结束。而如今 PHP 也步入了暮年。在这个时代，长盛不衰的唯一方法就是无可取代。
作者：龙付成--腾讯高级前端工程师 @IMWeb前端社区 目录 JavaScript早期主要作为脚本语言运行在浏览器，而现在JavaScript的使用范围已经超越浏览器，向通用系统语言发展。特别是HTML5的出现，浏览器的平台化，Node.js开源项目的发展，NoSQL技术的发展，JavaScript逐渐成为跨移动平台应用程序及跨平台桌面应用程序的开发语言。 JavaScript标准有两类，一种是作为浏览器上通用行业标准的ECMAScript标准，另一种是作为浏览器外的桌面、服务器的标准CommonJS标
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
Flutter For Web已经发布一年多时间，它的发布意味着我们可以真正地使用一套代码、一套资源部署整个大前端系统（包括ios、Android、Web）。经过一段时间的探索，使用Flutter For Web技术开发了移动端可视化编程平台——Flutter乐高，在此分享使用Flutter For Web实践过程和踩坑实践，欢迎交流探讨。
既然都是前端开发，两者肯定有紧密的联系，移动前端开发和web前端开发其实都属于前端开发的范围，目前前端发展的趋势就是大前端，可以说是包罗万象，当然也就包含PC端和移动端领域，而现在的前端开发人员也已早就不是当年的切图仔了，需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余，但是不论趋势如何发展，目前来看HTML、CSS和JavaScript依然是整个前端开发的三大基石。所以不论是想做移动前端开发还是web前端开发，这三样基础技术都必须熟练掌握。
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
通过 HTML5 开发移动App 时，会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足，在W3C 中国的指导下成立了www.HTML5Plus.org组织，推出HTML5+规范。
Weinre(全称Web Inspector Remote)是一款的可以在电脑上远程调试手机页面的工具。
黑马程序员.Net+WindowsPhone课程 .Net中级技术 .Net基础加强高级 面向对象高级 委托/事件原理 反射高级 SQL基础 SQL基础 多表连接查询 存储过程 事务/触发器 ADO.NET ADO.NET核心 离线数据集 SQLHelper 三层架构及应用 三层架构核心 代码生成器技术 Js高级 Js作用域链 Js面向对象 Js闭包 Jquery JQuery对象 选择器 筛选器 JQuery方法和属性 视频下载： .Net中级技术视频 ASP.NET开发 黑马Web服务器
第一阶段：HTML+CSS HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础：js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。 JS高级特征：正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、 JQuery：基础使用悬着器、D
起点低。容易入门，相对于Java来说，前端对于逻辑思维的要求比较低，所以学习前端也要容易一些，所以你不用担心学不会。很多程序员都是0基础开始学的，而且因为职位所处位置的交叉性，也就有很多Web前端开发人员是转行而来。HTML5前端源于HTML语言发展而来，由于HTML和CSS起点低、容易入门。
在那篇《最流行的编程语言JavaScript能做什么？》里，我们列举了JavaScript在不同领域的使用情况，今天让我们来详解一下JavaScript在物联网中的应用。 凡是能用JavaScript
用任何编程语言来开发程序，都是为了让计算机干活，比如编写一篇文章，下载一首MP3等，而计算机干活的CPU只认识机器的指令；
如今直播行业已经具备了成熟商业模式，那么搭建一套直播源码需要注意哪些重要的知识点呢？
我是2010年开始从事的Android开发，当时会Android和iOS开发的很少，也不火，所有人都在“摸着河底过河”，项目更没有第三方框架一说，大都是自己写的，不像现在各种的框架满天飞。随着移动开发的发展，互联网公司也是层出不穷，有些公司迫于竞争，想要更迅速的更省成本的进行开发，就不再满足Android端一套代码，iOS端一套代码。与此同时，其他技术领域和各大公司也都觊觎着这份大蛋糕，纷纷推出相关的技术，这样跨平台技术应运而生，并且开始在公司中生根发芽。 Android和iOS生态太大了，我们可以把它们比作第一级生态，想要颠覆这两个系统的曾经出现过，但都失败了，因此建立次级生态是最稳妥的策略，Android平台更加开放，因此次级生态的中心就是Android，次生态的形式多种多样，比如在Android系统的基础上魔改建立自己的生态，再或者推出各种跨平台技术建立生态。跨平台技术产生的框架实在太多了，很多还没等我们去学去了解，它们就没落了，成为了跨平台技术的发展的一个过度产物。跨平台技术的产物是不靠谱还是趋势，我想读完本篇文章你会有自己的理解。 跨平台技术的分类没有标准的答案，这里把它们分类为5种，分别Web App、Hybrid App、语言编译转换、原生渲染、自绘UI。下面分别介绍它们。
这个文件夹就是存放 我们下来的依赖包的,如果你运行了命令没有发现这个文件,请关闭HBuilder 工具后重新打开
在进行手机网页开发过程中经常会遇到手机版本不兼容问题，很容易导致在这个手机上运行的相当好，但是，换一个手机之后发现完全不是那么回事，效果都变了。这时候，就需要调节手机版本兼容问题了，下面我来给大家介绍一种兼容各种手机版本的js代码。代码如下：
我们知道，微信小程序由一个描述整体程序的 app 和多个描述各自页面的 page 组成。小程序主体部分由 app.js、app.json、app.wxss三个文件组成，页面 page 则通常包含 js、wxml、json、wxss 文件。这些文件都是文本文件，由微信小程序引擎解析并解释执行。
PS：最后想到了什么老铁，可以查看远端的代码是不是就可以获取到借鉴他的代码了。其实微信早就想到了，不是所有的都可以的。远端调试必须知道他的APPID的，不是说直接看就可以了。
HTML5学堂：在前一篇文章当中，我们借着weinre讲解了NodeJS中的一些简单命令，也讲解了weinre的安装方法，今天我们把weinre的使用“完结”掉。移动端页面的开发过程中，weinre“即时”的调试方式，能够让我们更好更快的解决调试问题，使调试工作变得更加方便。 想要调试的文件放在哪里 首先，按照全局模式“-g”进行安装~（前面一篇文章我们已经讲过了） 之后，将我们需要调试的页面放置于如下目录当中：C:\Users\Administrator\AppData\Roaming\npm\node_
前言 最近参加学校比赛，由于业务需求要做一个App，当时心想我不是web开发的吗?App跟我有啥关系？而且之前也没去了解相关的东西，当时很慌啊队友还说上一次某某某三天就出了个App，我..... 怀着
前 言 一个号称目前最快的 Node.js 应用框架横空出世，高度专注于以最少开销和强大的插件架构为开发者提供最佳的体验。 作为开发者，让项目跑得更快一直是坚持不懈的追求。 一个号称是目前最快的 Node.js 应用框架横空出世 1 Fastify：Node.js 的 Web 框架 http://www.oschina.net/p/fastify ☞ 推荐理由：高度专注于以最少开销和强大的插件架构为开发者提供最佳的体验。Fastify 的 API 看上去非常简洁，称得上是支持 async/await 的
Native.js技术，简称NJS，是一种将手机操作系统的原生对象转义，映射为JS对象，在JS里编写原生代码的技术。 如果说Node.js把js扩展到服务器世界，那么Native.js则把js扩展到手机App的原生世界。 HTML/JS/Css全部语法只有7万多，而原生语法有几十万，Native.js大幅提升了HTML5的能力。 NJS突破了浏览器的功能限制，也不再需要像Hybrid那样由原生语言开发插件才能补足浏览器欠缺的功能。 NJS编写的代码，最终需要在HBuilder里打包发行为App安装包，或者在支持Native.js技术的浏览器里运行。目前Native.js技术不能在普通手机浏览器里直接运行。
近几年来，随着手机和pad的普及，越来越多的用户选择使用移动客户端访问网站，而为了获取更好的用户体验，就需要针对不同的设备显示出最合适的匹配，这样就是近年来流行的“响应式web设计”。 响应式web设计是一种纯前端技术js、css等实现的针对不同设备访问同一网址看到不同的布局，是页面内容更适合当前设备阅读。但这个不是本文的重点，重点还是放在nginx如何实现上来。 本文要讲的的是如何使用nginx区分pc和手机访问不同的网站，是物理上完全隔离的两套网站(一套移动端、一套pc端),这
快速增长的APP应用软件市场，以及智能手机的普及，手机应用：Native（原生）APP快速占领了APP市场，成为了APP开发的主流，但其平台的不通用性，开发成本高，多版本开发等问题，一直困扰着专业APP开发企业，和APP服务提供商。 安卓和IOS的操作方式，开发模式，界面UI显示方面的差别，也使得原生APP的不同版本体验有很大的区别，光是做兼容性调测，都要花费开发企业不少的时间。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
