开发WebApp之PC客户端

HTML5的跨平台性还是很好的,苹果、Android手机都可以用,所在最近使用Jquery Mobile开发了一个手机端应用程序,一次开发,多个平台使用。

但我们的很多客户使用的是还是IE浏览器,有的还是很老的版本,对HTML5支持都不好,如果想让客户在PC想上也能运行我们的应用程序得另想办法。

虽然现在在PC机上,很多浏览器已经很好的支持HTML5,如谷歌、火狐等,但同样会有一些问题,这些浏览都是非制定的,窗口随意大小,会严重影响原来为手机屏幕大小而设计的页面。而且要客户去下载一个浏览器,并使用我们的应用地址,客户有时候很难去接受。但如果是专为应用而做的一个程序,客户还是很愿意去安装的。

有没有办法我们自己来制定一个这样的客户端呢,只需要简单的配置,就能让客户在PC机上实现和手机上一样浏览HTML5的效果呢?

WebApp之PC客户端就是这样一个程序:

程序是基于Xilium.CefGlue开发的,相关的资源请参见:

CEF

  研究过,很不错的类库,但是是C和C++写的

  https://code.google.com/p/chromiumembedded/

  http://www.cnblogs.com/think/archive/2011/10/06/CEF-Introduce.html(园友谭振林写的相关文章)

Xilium.CefGlue

  基于CEF,用.net包装过,很不错,我就用的这个类库(Xilium.CefGlue/3)

  https://bitbucket.org/xilium/xilium.cefglue/wiki/Home

基于.net开发chrome核心浏览器【二】 http://www.cnblogs.com/liulun/archive/2013/04/20/3031502.html (园友写的liulun写的一系列文章)

WebApp之PC客户端 可以通过配置文件来制定自己的应用程序访问,配置文件存放在config.xml文件中,内容如下:

<?xml version="1.0" encoding="utf-8" ?>
<Config>
<!-- 程序标题 -->
<AppName>Web App--PC 模拟器 V0.1</AppName>
<!-- 应用程序访问地址 -->
<URL>http://view.jquerymobile.com/1.3.2/dist/demos/</URL>
<!-- 程序宽 -->
<Width>480</Width>
<!-- 程序高 -->
<Height>780</Height>
</Config>

程序基于Xilium.CefGlue开发的,实现HTML5显示功能,所以相应的DLL也很大,整个程序有50多M,有兴趣的朋友可以从下面地址下载:

http://yun.baidu.com/share/link?shareid=3482807145&uk=1780134501

程序只是一个初步的想法,正在进一步完善,希望对大家有所帮助,也希望大家多提意见。

HTML5的跨平台性还是很好的,苹果、Android手机都可以用,所在最近使用Jquery Mobile开发了一个手机端应用程序,一次开发,多个平台使用。

但我们的很多客户使用的是还是IE浏览器,有的还是很老的版本,对HTML5支持都不好,如果想让客户在PC想上也能运行我们的应用程序得另想办法。

虽然现在在PC机上,很多浏览器已经很好的支持HTML5,如谷歌、火狐等,但同样会有一些问题,这些浏览都是非制定的,窗口随意大小,会严重影响原来为手机屏幕大小而设计的页面。而且要客户去下载一个浏览器,并使用我们的应用地址,客户有时候很难去接受。但如果是专为应用而做的一个程序,客户还是很愿意去安装的。

有没有办法我们自己来制定一个这样的客户端呢,只需要简单的配置,就能让客户在PC机上实现和手机上一样浏览HTML5的效果呢?

WebApp之PC客户端就是这样一个程序:

程序是基于Xilium.CefGlue开发的,相关的资源请参见:

CEF

  研究过,很不错的类库,但是是C和C++写的

  https://code.google.com/p/chromiumembedded/

  http://www.cnblogs.com/think/archive/2011/10/06/CEF-Introduce.html(园友谭振林写的相关文章)

Xilium.CefGlue

  基于CEF,用.net包装过,很不错,我就用的这个类库(Xilium.CefGlue/3)

  https://bitbucket.org/xilium/xilium.cefglue/wiki/Home

基于.net开发chrome核心浏览器【二】 http://www.cnblogs.com/liulun/archive/2013/04/20/3031502.html (园友写的liulun写的一系列文章)

WebApp之PC客户端 可以通过配置文件来制定自己的应用程序访问,配置文件存放在config.xml文件中,内容如下:

<?xml version="1.0" encoding="utf-8" ?>
<Config>
<!-- 程序标题 -->
<AppName>Web App--PC 模拟器 V0.1</AppName>
<!-- 应用程序访问地址 -->
<URL>http://view.jquerymobile.com/1.3.2/dist/demos/</URL>
<!-- 程序宽 -->
<Width>480</Width>
<!-- 程序高 -->
<Height>780</Height>
</Config>

程序基于Xilium.CefGlue开发的,实现HTML5显示功能,所以相应的DLL也很大,整个程序有50多M,有兴趣的朋友可以从下面地址下载:

http://yun.baidu.com/share/link?shareid=3482807145&uk=1780134501

程序只是一个初步的想法,正在进一步完善,希望对大家有所帮助,也希望大家多提意见。

WebApp之PC客户端的更多相关文章

  1. 开发WebApp之PC客户端

    HTML5的跨平台性还是很好的,苹果.Android手机都可以用,所在最近使用Jquery Mobile开发了一个手机端应用程序,一次开发,多个平台使用. 但我们的很多客户使用的是还是IE浏览器,有的 ...

  2. 重磅来袭,水木PC客户端全面改版,欢迎使用!

    2016-11-04   下载 最新更新            1.优化帖子中回文内容的显示,采用相比正文较小的字体,以及置灰处理,突出正文.           2.可配置是否隐藏帖子中的IP和修改 ...

  3. [1]开发准备-使用C#.NET开发基于本地数据缓存的PC客户端

    小记:本人是PHPer,对C#.NET的开发只能说看得懂,也写得了功能略简单的PC客户端程序,下面的是本人开发一款名叫“理财速记”的PC客户端软件的全过程记录,期间包括比较繁琐的C#.NET资料查询等 ...

  4. 用node-webkit 开发 PC 客户端

      7月 3 2013 导言 node-webkit 是一个很神奇的桌面客户端项目,正如这个项目的名字,这个项目是由node 和 webkit 构成,简单来说,就是你可以用HTML 5和 node 进 ...

  5. 爱pia戏推出PC客户端,为您自动置顶窗口,方便查找

    爱pia戏推出PC客户端, 可以在无法使用插件的时候,使用PC客户端, 将为您自动置顶窗口,方便查看剧本. 百度网盘下载地址: 链接: http://pan.baidu.com/s/1pLpvn5p ...

  6. 基于滴答清单 Web 开发的 PC 客户端

    基于滴答清单 Web 开发的 PC 客户端 关于「滴答清单」 滴答清单是一款不可多得的 GTD 效率工具,它有着清晰明了的界面设计.恰到好处的功能设置.稳定的同步服务,如果你还缺少一款简洁而有效的 G ...

  7. Windows下编译打包Spice PC客户端

    目录 1 环境搭建 2 编译客户端 3 打包客户端   1 环境搭建 1.1 准备工作 安装启动: 安装替换图标工具: Resource Hacker 安装exe制作工具: NSIS(提取码:3dfp ...

  8. TeamTalk源码分析(十一) —— pc客户端源码分析

           --写在前面的话  在要不要写这篇文章的纠结中挣扎了好久,就我个人而已,我接触windows编程,已经六七个年头了,尤其是在我读研的三年内,基本心思都是花在学习和研究windows程序上 ...

  9. 阿里巴巴国际站 网站和PC客户端都登录不了,其他电脑或手机可以

    背景 昨天晚上,我还能打开阿里巴巴国际站,PC客户端也可以登录 今天早上起床打开电脑,发现国际站的网站打开不了,客户端也登录不了,提示了错误信息,但是其他电脑或手机就可以登录 原因分析 1.是不是本机 ...

随机推荐

  1. Java经典23创意模式设计模式(两)

    本文介绍5其余两种创意模式:模型构建器(Builder).原型模型(PROTOTYPE). 一.建造者模式(别名:生成者模式) 将复杂对象的构建和它的表示分离,使得相同的构建过程能够创建不同的表示. ...

  2. 【百度地图API】除夕夜,大家一起来赶走“夕”——删除标注功能

    原文:[百度地图API]除夕夜,大家一起来赶走"夕"--删除标注功能 任务描述: 农历12月31日是中国传统的节日——除夕.你知道除夕是怎么来的麼? “夕”在中国古代神话中,可是一 ...

  3. 深入理解C指针之四:指针和数组

    原文:深入理解C指针之四:指针和数组 数组是C内建的基本数据结构,数组表示法和指针表示法紧密关联.一种常见的错误认识是数组和指针完全可以互换,尽管数组名字有时可以当做指针来用,但数组的名字不是指针.数 ...

  4. table居中方法之一:设置width,然后为style设置margin:auto

    比如: <table width="800px" style="margin:auto;">

  5. 【 D3.js 进阶系列 — 5.0 】 直方图

    直方图用于描写叙述概率分布,D3 提供了直方图的布局 Histogram 用于转换数据. 假设有数组 a = [10, 11, 11.5, 12.5, 13, 15, 19, 20 ],如今把10~2 ...

  6. Canvas入门(3):图像处理和渲染文本

    资源:http://www.ido321.com/997.html 一.图像处理(非特别说明,全部结果均来自最新版Google) 在HTML 5中,不仅能够使用Canvas API绘制图形,也能够用于 ...

  7. 单独一个img标签的居中显示

    针对页面当中通过img插入图片的时候,要保证这个图片在页面内容当中居中,一般的做法是在外面套一个div,通过给div加入 {margin:0 auto;} 来控制图片的居中. 那么如果针对后台上传的图 ...

  8. Android 实现用户列表信息的功能,然后选择删除幻灯片删除功能

    在项目开发过程中.经常须要对用户列表的信息进行删除的操作.Android中经常使用的删除操作方式有两种 .一种就是类似微信的滑动出现删除button方式,另一种是通过CheckBox进行选择.然后通过 ...

  9. ps入门教程:画笔工具、铅笔工具、渐变工具等的使用

    本节课程主要内容:学习画笔工具.铅笔工具.颜色替换工具.历史记录画笔工具.历史记录艺术画笔工具.渐变工具和油漆桶 工具的应用.------------------------------------- ...

  10. {{angular.js 使用技巧}} - 基于验证框架的扩展(w5cValidator)

    开场白: angular.js 是谷歌出的前端js MV*框架,我也是今年做 worktile 的时候才开始接触的,起初技术选型的时候还准备使用 backbone(毕竟很多大公司在使用他,而且也是比较 ...