锐客网

  1. 首页 > 睿知 > >

ios编写html，iOS上有什么软件可以做web前端开发编译HTMLCSS和JavaScript

经验分享睿知

1，iOS上有什么软件可以做web前端开发编译HTMLCSS和JavaScriptios 上？？这 是指手机上 ？那应该没什么吧不过mac上 是有的win 上有的 他都有
2，ios开发加载html页面html的引用链接怎么写不清楚你问的是利用webView加载页面的方法还是说html head标签写法？还是其他？第一个问题：1.加载本地HTML5NSURL *url = [[NSBundle mainBundle] URLForResource:@"test" withExtension:@"html"];NSURLRequest *request = [NSURLRequest requestWithURL:url];[self.webView loadRequest:request];2.加载网络上网页HTML5NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];NSURLRequest *request = [NSURLRequest requestWithURL:url];[self.webView loadRequest:request];第二个问题：ios常见的head标签有如下123456789101112131415161718192021222324252627282930313233343536373839<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /><link rel="shortcut icon" type="image/ico" href="http://www.lisdn.com/favicon.ico" /> <!-- 添加 favicon icon --><link rel="apple-touch-startup-image" href="http://www.lisdn.com/splash-screen-320x480.png" /> <!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) --><link rel="apple-touch-startup-image" sizes="640x960" href="http://www.lisdn.com/splash-screen-640x960.png" /> <!-- iPhone/iPod Touch 竖屏 640x960 (Retina) --><link rel="apple-touch-startup-image" sizes="640x1136" href="http://www.lisdn.com/splash-screen-640x1136.png" /> <!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) --><meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=http://www.lisdn.com/sjfx/mzjy/myAffiliateData, app-argument=myURL"> <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） --><link rel="apple-touch-startup-image" href="http://www.lisdn.com/sjfx/mzjy/launch6.png" media="(device-width: 375px)"><link rel="apple-touch-startup-image" href="http://www.lisdn.com/sjfx/mzjy/launch6plus.png" media="(device-width: 414px)"><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><meta name="format-detection"content="telephone=no, email=no" /><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /><meta name="apple-mobile-web-app-capable" content="yes" /><!-- 删除苹果默认的工具栏和菜单栏 --><meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 设置苹果工具栏颜色 --><meta name="format-detection" content="telphone=no, email=no" /><!-- 忽略页面中的数字识别为电话，忽略email识别 --> <!-- 启用360浏览器的极速模式(webkit) --><meta name="renderer" content="webkit"><!-- 避免IE使用兼容模式 --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 --><meta name="HandheldFriendly" content="true"><!-- 微软的老式浏览器 --><meta name="MobileOptimized" content="320"><!-- uc强制竖屏 --><meta name="screen-orientation" content="portrait"><!-- QQ强制竖屏 --><meta name="x5-orientation" content="portrait"><!-- UC强制全屏 --><meta name="full-screen" content="yes"><!-- QQ强制全屏 --><meta name="x5-fullscreen" content="true"><!-- UC应用模式 --><meta name="browsermode" content="application"><!-- QQ应用模式 --><meta name="x5-page-mode" content="app"><!-- windows phone 点击无高光 --><meta name="msapplication-tap-highlight" content="no"><!-- 适应移动端end -->
3，苹果笔记本用什么工具来编写后html5都行吧- - 最好弄个windows系统 。。装DW或editplus或者其他软件，记事本也能编写啊你好！所有文本编辑工具都可以吧如有疑问，请追问 。【ios编写html，iOS上有什么软件可以做web前端开发编译HTMLCSS和JavaScript】
4，怎么在ios上写html5代码并调试9秒学院技术大牛专业答案1 概述HTML5 SDK 可以按照“独立应用”、“Widget”和“WebView”三种方式进行集成，三种集成方式各有优点 。独立应用集成方式：使用独立应用方式，开发者需要将HTML5 SDK生成的首页面设置为当前View的subView 。HTML5 SDK将对应用进行管理 。Widget集成方式：运行方式和独立运行方式类似，开发者在集成时可在需要的位置启动HTML5 SDK，显示指定的HTML5 应用 。Webview集成方式：用户可在任何页面将HTML5 SDK的页面以Webview的形式独立显示 ， 显示的Webview页面 。2 导入SDK Lib文件和头文件在工程中引入HTML5+ SDK扩展功能的.a文件 ， 开发者可以根据需求添加不同的扩展插件 。必须要引入的是liblibPDRCore.a ， liblibPDRCore.a库是HTML5+SDK运行的基础库文件 。在引入lib文件时需要将Debug-iphoneos、Release-iphoneos和Release-iphonesimulator引入，分别为真机调试，真机编译和模拟器调试使用 。工程中引入HTML5 SDK 中提供的头文件 。3 添加代码编译测试独立应用集成的方式比较简单，请安如下步骤实现在应用的Controller实现文件的- (void)viewDidLoad方法中实现如下代码1. 开发者初始化PDRCore句柄 。2. 设置指定的View为HTML5 SDK的父View，用于显示HTML5 SDK的页面3. 调用PDRCore句柄的start接口启动应用，HTML5 Runtime将会根据用户配置的control.xml文件指定的APPID启动指定的应用 。#import "DcViewController.h"#import "PDRCore.h"@implementation ViewController- (void)viewDidLoad[super viewDidLoad];PDRCore* pCoreHandle = [PDRCore Instance];[pCoreHandle setContainerView:self.view];[pCoreHandle start];}4 导入应用并配置4.1 添加应用在离线打包之前，用户需要将已经开发完成的HTML5 应用导入到Xcode工程中 。4.1.1 应用导入需要将开发完成的HTML5 应用拷贝到Pandora/apps/[appid]/www目录下 。4.1.2 manifes.json文件编写请参考manifest.json 文件配置指导手册4.2 配置应用的插件功能开发者需要将html5 SDK里的PandoraAPI.bundle引入到开发中的工程中 。开发者如开发了HTML5 扩展插件 ， 需要修改PandoraAPI.bundle下的WebFeature.plist文件，在文件中添加扩展插件JS类名和原生类名的对应关系 。5 添加Control.xml在工程中创建文件control.xml 文件，control.xml文件用来指定默认启动应用的APPID 。Control.xml文件放在工程的资源目录下即可 。<msc debug="true"version="0.1.0.0" ><apps><appappid="HelloH5"appver="1.0" /></apps></msc>6 常用类说明PDRCore常用接口说明： (PDRCore*)Instance;获取Core单例对象返回值：PDRCore 单例的PDRCore对象- (int)setAppsRunPath:(NSString*)workPath;设置应用运行时目录，应用运行时产生的文件在该目录下生成 ， 当应用 runmode为liberate时将把资源拷贝到该目录参数说明：workPath 应用运行时目录返回值：int 0 成功- (int)setAppsInstallPath:(NSString*)installPath;设置runtime应用的安装目录，该地址为安装包中携带的应用资源位置参数说明：installPath 应用的安装目录返回值：int 0 成功- (void)setInnerVersion:(NSString*)innerVersion;设置HTML5 SDK运行版本参数说明：innerVersion HTML5 SDK运行版本号- (int)setDocumethPath:(NSString*)documentPath;设置HTML5 SDK文档目录参数说明：documentPath 应用的文档目录返回值：int 0 成功- (int)setDownloadPath:(NSString*)downlaodPath;设置runtime下载目录参数说明：downloadPath 应用下载文件的路径返回值：int 0 成功- (int)setAutoStartAppid:(NSString*)appid;设置runtiem启动时自动运行的APP参数说明：appid 默认启动应用的APPID返回值：int 0 成功- (int)setContainerView:(UIView*)containerView;设置runtime根视图的父亲View参数说明：containerView 要显示HTML5 SDK的父View返回值：int 0 成功- (int)setApp:(NSString*)appid documentPath:(NSString*)doucmentPath;设置指定app的文档目录参数说明：appid 要设置的appiddoucmentPath 要设置的路径返回值：int 0 成功- (int)regPluginWithName:(NSString*)pluginNameimpClassName:(NSString*)impClassNametype:(PDRExendPluginType)pluginTypejavaScript:(NSString*)javaScript;注册第三方扩展的HTML5 插件参数说明：pluginName 插件名称JS文件中定义的名字impClassName 插件对应的实现类名pluginType 插件类型 详情:PDRExendPluginTypejavaScript js实现 为javascript文本返回值：int 0 成功- (int)start;正常启动runtime，使用改方法启动runtime具有全部功能，包括具有应用管理、窗口管理、插件管理、权限管理、资源管理等功能- (int)startAsWebClient;启动runtime ， 使用该方法启动的runtime不具有应用管理窗口管理功能，当需要显示页面时,需要自己创建PDRCoreAppFramePDRCoreAppFrame常用接口说明- (PDRCoreAppFrame*)initWithId:(NSString*)frameID loadURL:(NSString*)pagePathframe:(CGRect)frame;创建runtime页面参数说明:frameID 页面标示pagePath 页面地址 支持http:// file:// 本地地址frame 页面位置@property(nonatomic, readonly)UIWebView *webView;应用页面的WebView对象5，设置contenteditable属性可编辑html标签的内容兼容苹果手机吗代码如下:可以编辑里面的内容 如果你在BODY里面加上contenteditable="true" ， 可以发现该属性是多么的神奇 。因此我们可以给HTML标签设置contenteditable="true"属性则可以对该标签进行编辑 。contenteditable属性兼容所有浏览器（IE6之前的版本是否兼容未测试）在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果，例如，在使用ajax的时候，在提交表单时我们可以获取DIV的内容 。细心的人会发现，QQ空间中的发表说说的文本框其实就是一个DIV ， 而非textarea文本框 。Div+CSS如何模拟textarea文本域高度自适应以达到html5标准的contenteditable属性主要通过为标签添加HTML5中的contenteditable属性达到此效果（contenteditable：规定是否允许用户编辑内容），很棒的是 ， 此属性IE也会支持，所以不用再为兼容问题太去纠结了 。DEMO：复制代码代码如下:附:在FF浏览器下,容器获取焦点时,光标的高度会与容器的高度一样高或者不显示光标. 此时若为容器默认加个占位符,比如或 可以解决这一问题.现在煜子给大家介绍另一种可编辑可自动适应高度,但又不用加js代码的好方法 。让大家开开眼界，煜子直接使用DIV也可以当文本框用，类似于TextArea文本框 ， 更重要的是DIV的用户体验更完美更帅 。兼容苹果手机的ios可以加-webkit-user-select:text试一下，如果不行的话我也不知道了 。同求大神帮助解答一下6，怎么在ios上写html5代码并调试9秒学院技术大牛专业答案1 概述HTML5 SDK 可以按照“独立应用”、“Widget”和“WebView”三种方式进行集成，三种集成方式各有优点 。独立应用集成方式：使用独立应用方式，开发者需要将HTML5 SDK生成的首页面设置为当前View的subView 。HTML5 SDK将对应用进行管理 。Widget集成方式：运行方式和独立运行方式类似，开发者在集成时可在需要的位置启动HTML5 SDK，显示指定的HTML5 应用 。Webview集成方式：用户可在任何页面将HTML5 SDK的页面以Webview的形式独立显示 ， 显示的Webview页面 。2 导入SDK Lib文件和头文件在工程中引入HTML5+ SDK扩展功能的.a文件，开发者可以根据需求添加不同的扩展插件 。必须要引入的是liblibPDRCore.a ， liblibPDRCore.a库是HTML5+SDK运行的基础库文件 。在引入lib文件时需要将Debug-iphoneos、Release-iphoneos和Release-iphonesimulator引入，分别为真机调试，真机编译和模拟器调试使用 。工程中引入HTML5 SDK 中提供的头文件 。3 添加代码编译测试独立应用集成的方式比较简单，请安如下步骤实现在应用的Controller实现文件的- (void)viewDidLoad方法中实现如下代码1. 开发者初始化PDRCore句柄 。2. 设置指定的View为HTML5 SDK的父View ， 用于显示HTML5 SDK的页面3. 调用PDRCore句柄的start接口启动应用，HTML5 Runtime将会根据用户配置的control.xml文件指定的APPID启动指定的应用 。#import "DcViewController.h"#import "PDRCore.h"@implementation ViewController- (void)viewDidLoad[super viewDidLoad];PDRCore* pCoreHandle = [PDRCore Instance];[pCoreHandle setContainerView:self.view];[pCoreHandle start];}4 导入应用并配置4.1 添加应用在离线打包之前，用户需要将已经开发完成的HTML5 应用导入到Xcode工程中 。4.1.1 应用导入需要将开发完成的HTML5 应用拷贝到Pandora/apps/[appid]/www目录下 。4.1.2 manifes.json文件编写请参考manifest.json 文件配置指导手册4.2 配置应用的插件功能开发者需要将html5 SDK里的PandoraAPI.bundle引入到开发中的工程中 。开发者如开发了HTML5 扩展插件 ， 需要修改PandoraAPI.bundle下的WebFeature.plist文件，在文件中添加扩展插件JS类名和原生类名的对应关系 。5 添加Control.xml在工程中创建文件control.xml 文件，control.xml文件用来指定默认启动应用的APPID 。Control.xml文件放在工程的资源目录下即可 。6 常用类说明PDRCore常用接口说明： (PDRCore*)Instance;获取Core单例对象返回值：PDRCore 单例的PDRCore对象- (int)setAppsRunPath:(NSString*)workPath;设置应用运行时目录，应用运行时产生的文件在该目录下生成，当应用 runmode为liberate时将把资源拷贝到该目录参数说明：workPath 应用运行时目录返回值：int 0 成功- (int)setAppsInstallPath:(NSString*)installPath;设置runtime应用的安装目录 ， 该地址为安装包中携带的应用资源位置参数说明：installPath 应用的安装目录返回值：int 0 成功- (void)setInnerVersion:(NSString*)innerVersion;设置HTML5 SDK运行版本参数说明：innerVersion HTML5 SDK运行版本号- (int)setDocumethPath:(NSString*)documentPath;设置HTML5 SDK文档目录参数说明：documentPath 应用的文档目录返回值：int 0 成功- (int)setDownloadPath:(NSString*)downlaodPath;设置runtime下载目录参数说明：downloadPath 应用下载文件的路径返回值：int 0 成功- (int)setAutoStartAppid:(NSString*)appid;设置runtiem启动时自动运行的APP参数说明：appid 默认启动应用的APPID返回值：int 0 成功- (int)setContainerView:(UIView*)containerView;设置runtime根视图的父亲View参数说明：containerView 要显示HTML5 SDK的父View返回值：int 0 成功- (int)setApp:(NSString*)appid documentPath:(NSString*)doucmentPath;设置指定app的文档目录参数说明：appid 要设置的appiddoucmentPath 要设置的路径返回值：int 0 成功- (int)regPluginWithName:(NSString*)pluginNameimpClassName:(NSString*)impClassNametype:(PDRExendPluginType)pluginTypejavaScript:(NSString*)javaScript;注册第三方扩展的HTML5 插件参数说明：pluginName 插件名称JS文件中定义的名字impClassName 插件对应的实现类名pluginType 插件类型 详情:PDRExendPluginTypejavaScript js实现 为javascript文本返回值：int 0 成功- (int)start;正常启动runtime，使用改方法启动runtime具有全部功能，包括具有应用管理、窗口管理、插件管理、权限管理、资源管理等功能- (int)startAsWebClient;启动runtime，使用该方法启动的runtime不具有应用管理窗口管理功能，当需要显示页面时,需要自己创建PDRCoreAppFramePDRCoreAppFrame常用接口说明- (PDRCoreAppFrame*)initWithId:(NSString*)frameID loadURL:(NSString*)pagePathframe:(CGRect)frame;创建runtime页面参数说明:frameID 页面标示pagePath 页面地址 支持http:// file:// 本地地址frame 页面位置@property(nonatomic, readonly)UIWebView *webView;应用页面的WebView对象HBulider跨平台你好！xcode可以写Ch5的话需要下载别的开发工具如有疑问，请追问 。

    推荐阅读


    上一篇：ios的app用什么语言开发，苹果系列的应用软件是用什么语言编写的知道的请详细的说一下谢

    下一篇：爱普生L353打印机废墨仓位置