现在的位置: 首页 > 综合 > 正文

HTML5 重量级富框架 Sencha Touch & 跨平台的PhoneGap & 调试浏览器的分辨率插件(Window Resizer ) — 8

2018年02月17日 ⁄ 综合 ⁄ 共 1116字 ⁄ 字号 评论关闭

重量级富框架 Sencha Touch

前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库,推出适用于最前沿Touch Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS更名为Sencha,JQTouch的创始人David
Kaneda,以及Raphaël的创始人也已加盟Sencha团队

下载地址:http://www.sencha.com/products/touch

<!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>PhoneGap</title>

 <!-- import touch css and js --> 
    <link rel="stylesheet" href="sencha-touch.css" type="text/css"> 
    <script type="text/javascript" src="sencha-touch-all-debug.js"></script>
    <script type="text/javascript" src="index.js"></script>
  </head>
  <body>

  </body>
</html>

Ext.setup({
  icon:'icon.png',
  glossOnIcon:false,
  tabletStartupScreen:'tablet_startup.png',
  phoneStartupScreen:'phone_startup.png',
  onReady:function(){
    var panel = new Ext.Panel({
      fullscreen:true,
      html:'Hellow Word'
    });
    panel.show();
  }
});

Window Resizer     Chrome插件可以调试浏览器的分辨率

https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh  

跨平台的PhoneGap

http://blog.csdn.net/menxu_work/article/details/8956659

抱歉!评论已关闭.