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 相关文章推荐
IIS6.0+PHP5.x+MySQL5.x+Zend3.0x+GD+phpMyAdmin2.8x通用安装实例(已经完成)
Dec 06 PHP
PHP 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
Jan 30 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
Jun 30 PHP
php防止sql注入之过滤分页参数实例
Nov 03 PHP
从性能方面考虑PHP下载远程文件的3种方法
Dec 29 PHP
CodeIgniter配置之SESSION用法实例分析
Jan 19 PHP
PHP上传图片类显示缩略图功能
Jun 30 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
Oct 21 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
Aug 04 PHP
PHP实现基于回溯法求解迷宫问题的方法详解
Aug 17 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
Feb 06 PHP
Thinkphp 框架扩展之类库扩展操作详解
Apr 23 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
程序员编程十条戒律
2009/07/09 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
详解使用php调用微信接口上传永久素材
2017/04/11 PHP
php swoole多进程/多线程用法示例【基于php7nts版】
2019/08/12 PHP
AutoSave/自动存储功能实现
2007/03/24 Javascript
页面中iframe相互传值传参
2009/12/13 Javascript
自己写了一个展开和收起的多更能型的js效果
2013/03/05 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
jQuery选择器之属性过滤选择器详解
2017/09/28 jQuery
浅谈webpack下的AOP式无侵入注入
2017/11/12 Javascript
ES6 fetch函数与后台交互实现
2018/11/14 Javascript
简述vue路由打开一个新的窗口的方法
2018/11/29 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
小程序实现悬浮搜索框
2019/07/12 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
python中使用mysql数据库详细介绍
2015/03/27 Python
Python Socket编程详细介绍
2017/03/23 Python
python 内置函数filter
2017/06/01 Python
浅谈Python脚本开头及导包注释自动添加方法
2018/10/27 Python
Python django框架应用中实现获取访问者ip地址示例
2019/05/17 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
Python爬虫动态ip代理防止被封的方法
2019/07/07 Python
Python request post上传文件常见要点
2020/11/20 Python
美国厨房和园艺工具网上商店:Nestneed
2019/08/24 全球购物
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
在购买印度民族服饰:Soch
2020/09/15 全球购物
新闻传媒系求职信范文
2014/04/19 职场文书
电子商务专业应届生求职信
2014/05/28 职场文书
车辆转让协议书
2014/09/24 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
圣诞晚会主持词
2015/07/01 职场文书