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 相关文章推荐
PHP.MVC的模板标签系统(四)
Sep 05 PHP
用PHP制作静态网站的模板框架(二)
Oct 09 PHP
PHP 工厂模式使用方法
May 18 PHP
PHP编程函数安全篇
Jan 08 PHP
php开启openssl的方法
May 15 PHP
Eclipse的PHP插件PHPEclipse安装和使用
Jul 20 PHP
php通过session防url攻击方法
Dec 10 PHP
Laravel中间件实现原理详解
Oct 09 PHP
PHP通过引用传递参数用法分析
Dec 01 PHP
PHP实现的二分查找算法实例分析
Dec 19 PHP
PHP预定义接口――Iterator用法示例
Jun 05 PHP
解决PHP Opcache 缓存刷新、代码重载出现无法更新代码的问题
Aug 24 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 adodb连接不同数据库
2009/03/19 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
PHP基于MySQL数据库实现对象持久层的方法
2015/06/17 PHP
php实现json编码的方法
2015/07/30 PHP
php导出生成word的方法
2015/12/25 PHP
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
2007/08/31 Javascript
prototype Element学习笔记(篇二)
2008/10/26 Javascript
Javascript 面向对象 命名空间
2010/05/13 Javascript
js中settimeout方法加参数
2014/02/28 Javascript
Node.js的包详细介绍
2015/01/14 Javascript
简介JavaScript中setUTCSeconds()方法的使用
2015/06/12 Javascript
js实现模拟银行卡账号输入显示效果
2015/11/18 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
2017/01/24 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
JS实现的简单折叠展开动画效果示例
2018/04/28 Javascript
vue的token刷新处理的方法
2018/07/17 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
python求pi的方法
2014/10/08 Python
python中base64加密解密方法实例分析
2015/05/16 Python
Python实现XML文件解析的示例代码
2018/02/05 Python
python模拟斗地主发牌
2020/04/22 Python
Sephora丝芙兰澳洲官方网站:国际知名化妆品购物
2016/10/27 全球购物
JS原生实现轮播图的几种方法
2021/03/23 Javascript
博士生入学考试推荐信
2013/11/17 职场文书
计算机专业毕业生求职信分享
2013/12/24 职场文书
国贸专业的职业规划范文
2014/01/23 职场文书
市场营销专业自荐书
2014/06/10 职场文书
求职信的正确写法
2014/07/10 职场文书
树转促学习心得体会
2014/09/10 职场文书
二胎满月酒致辞
2015/07/29 职场文书