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 相关文章推荐
使用MaxMind 根据IP地址对访问者定位
Oct 09 PHP
删除及到期域名的查看(抢域名必备哦)
May 14 PHP
纯真IP数据库的应用 IP地址转化成十进制
Jun 14 PHP
按上下级层次关系输出内容的PHP代码
Jul 17 PHP
PHP session有效期session.gc_maxlifetime
Apr 20 PHP
测试php连接mysql是否成功的代码分享
Jan 24 PHP
PHP实现过滤各种HTML标签
May 17 PHP
详解PHP编码转换函数应用技巧
Oct 22 PHP
thinkPHP实现的联动菜单功能详解
May 05 PHP
centos7上编译安装php7以php-fpm方式连接apache
Nov 08 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
Apr 09 PHP
PHP实用小技巧之调用录像的方法
Dec 05 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
PHP4实际应用经验篇(2)
2006/10/09 PHP
php 模拟POST提交的2种方法详解
2013/06/17 PHP
typecho插件编写教程(二):写一个新插件
2015/05/28 PHP
php获取错误信息的方法
2015/07/17 PHP
前端必学之PHP语法基础
2016/01/01 PHP
YII2自动登录Cookie总是失效的解决方法
2017/06/28 PHP
PHP date()格式MySQL中插入datetime方法
2019/01/29 PHP
js 操作符实例代码
2009/10/24 Javascript
jQuery中的常用事件总结
2009/12/27 Javascript
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
jquery获取元素索引值index()示例
2014/02/13 Javascript
jquery使用ajax实现微信自动回复插件
2014/04/28 Javascript
node.js中的console用法总结
2014/12/15 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
jQuery.datatables.js插件用法及api实例详解
2016/10/28 Javascript
JavaScript事件用法浅析
2016/10/31 Javascript
Angularjs修改密码的实例代码
2017/05/26 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
layui 实现表单和文件上传一起传到后台的例子
2019/09/16 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
CSS3控制HTML元素动画效果
2014/02/08 HTML / CSS
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
哪些情况下不应该使用索引
2015/07/20 面试题
2013年保送生自荐信格式
2013/11/20 职场文书
日语专业个人的求职信
2013/12/03 职场文书
敬老月活动总结
2014/08/28 职场文书
2014年节能降耗工作总结
2014/12/11 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
Python制作动态字符画的源码
2021/08/04 Python
Shell脚本一键安装Nginx服务自定义Nginx版本
2022/03/20 Servers