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中获取远程客户端的真实ip地址的方法
Aug 03 PHP
解析PHP缓存函数的使用说明
May 10 PHP
php操作mysqli(示例代码)
Oct 28 PHP
php读取excel文件示例分享(更新修改excel)
Feb 27 PHP
php从csv文件读取数据并输出到网页的方法
Mar 14 PHP
smarty中常用方法实例总结
Aug 07 PHP
php发送短信验证码完成注册功能
Nov 24 PHP
php创建桌面快捷方式实现方法
Dec 31 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
Nov 05 PHP
PHP中trait使用方法详细介绍
May 21 PHP
PHP压缩图片功能的介绍
Mar 21 PHP
PHP sdk实现在线打包代码示例
Dec 09 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
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
PHP基于Redis消息队列实现发布微博的方法
2017/05/03 PHP
php+javascript实现的动态显示服务器运行程序进度条功能示例
2017/08/07 PHP
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
微信中一些常用的js方法汇总
2015/03/12 Javascript
javascript常用方法总结
2015/05/14 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
2016/03/24 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
2017/01/17 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
微信小程序实现多选删除列表数据功能示例
2019/01/15 Javascript
express框架下使用session的方法
2019/07/31 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
django中send_mail功能实现详解
2018/02/06 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
scrapy结合selenium解析动态页面的实现
2020/09/28 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
美国牛仔品牌:True Religion
2018/11/16 全球购物
美国葡萄酒网上商店:Martha Stewart Wine Co.
2019/03/17 全球购物
初入社会应届生求职信
2013/11/18 职场文书
十佳教师事迹材料
2014/01/11 职场文书
村委会贫困证明范文
2014/09/21 职场文书
高三英语教学计划
2015/01/23 职场文书
公司员工宿舍管理制度
2015/08/07 职场文书
JS精髓原型链继承及构造函数继承问题纠正
2022/06/16 Javascript