Chrome Web App开发小结


Posted in PHP onSeptember 04, 2014

前言

这篇文章主要分享下自己在开发Web App遇到的问题和过程,以及一些很已经(如何)填平的坑。如果您想要“如何开发Web App”或《30分钟学会开发Web App》,请移步官方的开发手册(文档)。(下有链接)。

背景

感觉现在大家都在争论(讨论)两件事情,Web App和Native App。前不久参加的HTML5守望者活动,各方大佬都在针对这二者之间的优劣,差异,兼容,普及等进行探讨。当然,有争议的才说明有价值嘛。

Chrome Web App

前不久Chrome又一次因超过了什么什么登上了各大新闻媒体的首页,是的这已经不是第一次了。Chrome自身有强大的插件市场,和最近(也不算最近了)推出的Chrome Web App。之前也一直有进行过Chrome拓展的开发,被Chrome自身的API搞的晕头转向,不过在转晕的同时也深深感受到了Web App的强大潜力。

制作Web App

刚刚试图把一个简单的“网页项目”移植成Chrome Web App,说是移植,其实基本上就是重建,哦不,是新建……。现在的网页项目是一个使用PHP、MySQL做后端,很常见的一个PHP网站,使用了Slim做为PHP框架。
那么如何新建成Chrome Web App呢。显而易见,使用PHP不大可能了。之前使用过Google自家的AngularJS做开发,所以还算熟悉,而且官方开发手册也把AngularJS做首选的推荐开发框架。而且得益于Slim框架(PHP),全部都是RESTful的。
大概思路就是这样:
一切都配合AngularJS和RESTful,这样本地应用只存静态页面,然后通过叭叭叭发送请求数据返回就可以了……。

感受

使用Google自家的AngularJS,几乎大部分浏览器特性都可以使用,兼容性非常好,而且与桌面软件几乎无差,最重要的是了却了我多年学不会软件开发(尝试过delphi未果)的心愿……Web App太强大了!

资源 (需梯子)

Chrome Web App中文开发手册
Google Plus中文社群
官方英文论坛

问题

在开发过程中遇到了几个问题:

permissions不仅仅可以调用功能,如果使用外部资源也要加进去;
你可以放心大胆的使用类似-webkit,甚至V8的API;
-webkit-app-region: drag 可以控制应用拖动;
如果你执意要frame: 'none'的话,别忘记加上关闭按钮;

期待与大家交流

PHP 相关文章推荐
echo(),print(),print_r()之间的区别?
Nov 19 PHP
Ha0k 0.3 PHP 网页木马修改版
Oct 11 PHP
PHP测试程序运行时间的类
Feb 05 PHP
ThinkPHP中URL路径访问与模块控制器之间的关系
Aug 23 PHP
yii的CURD操作实例详解
Dec 04 PHP
ThinkPHP通过AJAX返回JSON的两种实现方法
Dec 18 PHP
php中的动态调用实例分析
Jan 07 PHP
PHP判断是否连接上网络的方法
Jul 01 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
Apr 02 PHP
微信公众号模板消息群发php代码示例
Dec 29 PHP
PHP PDOStatement::rowCount讲解
Feb 01 PHP
PHP抽象类和接口用法实例详解
Jul 20 PHP
Yii查询生成器(Query Builder)用法实例教程
Sep 04 #PHP
php设计模式之简单工厂模式详解
Sep 04 #PHP
Laravel框架表单验证详解
Sep 04 #PHP
Laravel框架中扩展函数、扩展自定义类的方法
Sep 04 #PHP
深入分析PHP引用(&)
Sep 04 #PHP
Laravel框架路由配置总结、设置技巧大全
Sep 03 #PHP
CodeIgniter框架URL路由总结
Sep 03 #PHP
You might like
PHP实现UTF-8文件BOM自动检测与移除实例
2014/11/05 PHP
yii中widget的用法
2014/12/03 PHP
PHP下载远程文件到本地存储的方法
2015/03/24 PHP
PHP实现清除MySQL死连接的方法
2016/07/23 PHP
Javascript面向对象编程
2012/03/18 Javascript
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
javascript将浮点数转换成整数的三个方法
2014/06/23 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
详解js中call与apply关键字的作用
2016/11/21 Javascript
JavaScript中localStorage对象存储方式实例分析
2017/01/12 Javascript
详解jQuery事件
2017/01/13 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
2017/04/13 Javascript
Vue实现PopupWindow组件详解
2018/04/28 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python对数组进行反转的方法
2015/05/20 Python
python字典快速保存于读取的方法
2018/03/23 Python
Python中psutil的介绍与用法
2019/05/02 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
海洋科学专业求职信
2014/08/10 职场文书
出生医学证明书
2014/09/15 职场文书
试用期转正员工自我评价
2014/09/18 职场文书
2014年党务工作总结
2014/11/25 职场文书
基层党支部承诺书
2015/04/30 职场文书
战马观后感
2015/06/08 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
JavaScript分页组件使用方法详解
2021/07/26 Javascript