A. 如何用 Chrome DevTools 调试 iOS Safari
ChromeDevTools是Chrome浏览器自带的一个调试工具,在浏览器里面按下F12键或者在设置-工具里面就能找到它。这个工具主要是给前端工程师调试页面用的,但是我们也可以利用它来做一些和开发无关的事情
B. 怎么在移动端调试web前端
日常开发中,用 Chrome 模拟 UA、屏幕尺寸 和 触摸特性,完成第一阶段的开发和调试。
<img src="https://pic4.mg.com/50/_hd.jpg" data-rawwidth="420" data-rawheight="169" class="content_image" width="420">
Android 的话,Chrome 也有提供对应的调试工具。
C. 如何进行iOS 性能测试
性能测试分为两种
一种是后台服务器性能测试,通过向服务器发送请求进行性能测试,这个时候ios软件相当于前台浏览器,其实质测试的还是后台服务器性能,可以使用性能测试工具loadrunner,jmeter之类
另一种是前端app测试,这个时候测试的是app在平台上运行时资源的占用,如cpu,内存,网络,流量这一类指标,可以使用苹果的开发工具xcode自带的instrumentation进行测试,不过需要mac系统
D. iPhone Safari 有没有类似 firebug 之类的调试工具
pc上safari 改UA 用firebug lite
E. 前端工程师都有用哪些比较靠谱的小工具
1、TakeColor 取色器
对于前端开发来说,和颜色、图片打交道是难免的,有的时候想要在ps外面获取颜色.
2、CoolFormat 源代码格式化工具
CoolFormat,不仅仅适用于前端,因为它支持很多语言源代码的格式化,可以在上面的开始菜单中选择你要格式化的语言种类,这里我选择的是js,然后将一串很乱的js代码粘贴到下面的文本框里面,点击快速格式化.
3、做笔记的小帮手——有道云笔记
其实这有道云笔记不算是小工具了,在这之前,我一直都是用txt记事本记东西的
F. 现在前端一般用什么软件
1、Adobe Dreamweaver CS6
Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!
2、Adobe Edge
Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面,用于方便确保在不同浏览器中架构的一致性,此外,Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
3、DevExtreme
DevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架,可以直接在Visual Studio集成开发环境,构建iOS,Android,Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件,并且提供源代码。目前,DevExtreme支持VS2010/2012/2013集成开发环境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台,是Visual Studio开发人员开发跨平台移动产品的首选工具。
4、JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JS开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
5、Sencha Architect
在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用,并实时预览。
6、Initializr
Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。
7、HTML5demos
想知道你的浏览器是否支持 HTML5 Canvas 吗?想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗?HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。
8、HTML5 Tracker
想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧,它可以跟踪 HTML5 最新修订信息。
9、HTML5 visual cheat sheet
想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。
10、Switch To HTML5
Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目,可以到这里获取免费的 HTML5 网站模板。
11、HTML5 Test
你浏览器准备好迎接 HTML5 革命了吗?HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
12、Lime JS
LimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具,一定要用用试试。
以上就是向大家推荐12款优秀的HTML5开发工具。希望能帮到大家。
G. ios自动化测试工具有哪些
1. Appium(免费)
一款开源的移动测试自动化工具,适用于Android和iOS系统。
链接:http://appium.io/
2、Frank(免费)
Frank只允许测试iOS应用,值得一提的是它的开源框架结合了JSON和Cucumber。
链接:https://github.com/moredip/Frank
3、KIF for iOS(免费)
KIF是为iOS移动应用UI测试开发的一个框架,可利用内置iOS中可访问的API模拟真实的用户交互。在Objective-C中写的测试对iOS程序员来讲已经很熟悉,但苹果转向Swift使得其对Objective-C的使用处于劣势。
链接:https://github.com/kif-framework/KIF
4、iOS Driver for iOS(免费)iOS Driver利用Selenium和WebDriver 的API来测试iOS移动应用,默认在模拟器上运行。这些模拟器可使执行命令速度更加快、可伸缩性更强。
链接:https://ios-driver.github.io/ios-driver/
H. ios app压力测试工具有哪些
开发和压力测试软件大全:
ShareSDK
功能强大、简单易用的iOS app开发必备社会化分享类库:ShareSDK。iOS app开发者只需10分钟即可集成到自己的APP中。不仅支持如QQ、微信、新浪微博、腾讯微博、人人网、豆瓣、facebook、twitter等国内外主流社交平台,还有强大的统计分析管理后台,可以实时了解用户、信息流、回流率等数据。
iOS加密
iOS app开发必备加密技术,全球独有,针对iOS app开发的技术原理和破解原理,分别从本地数据、方法体/方法名、URL编码、程序结构、网络传输数据等几个方面对iOS app开发进行全方位的保护,从而实现iOS app防破解保护。
Tui
iOS app开发必备,基于FlashCS6的cocos2d-x UI编辑器,可用于操作系统:Mac OS,Windows
PonyDebugger
iOS app开发必备网络调试工具,用于操作系统:Mac OS,其他Pony Debugger 是一个iOS app开发必备的远程调试工具包,通过使用 Chrome 开发者工具来调试 iOS app开发的网络流量和数据存储。
iTestin
iTestin是免费服务iOS app开发者的真机自动化云测试客户端iOS app开发工具。基于真实的智能终端设备录制一个测试脚本然后运行,并输出运行结果。支持功能测试、UI测试、性能测试、稳定性测试、压力测试,返回包括日志和截图的详细测试报告。
Cornerstone
Mac上最佳的SVN管理iOS app开发必备工具,可用于的用于操作系统包括Mac OS
CocosBuilder
最牛iOS app开发必备Cocos2d编辑器,Mac专属,对于开发iOS app,Cocos2d-iPhone引擎做的2D游戏开发者来说最大的福音
MarkMan
MarkMan是一款iOS app开发必备高效的设计稿标注和测量软件,用于操作系统:Mac OS,Windows
SQLCipher
SQLite加密,iOS app开发必备,SQLCipher 提供了对 SQLite 数据库的传输层进行全面加密的iOS app开发工具。而通过使用 SQLCipher ,整个加密过程对客户端是透明的,无需改动应用程序。
I. ios开发调试接口的工具paw怎么用
如果是GET,就直接把URL放上去,然后直接请求,就能拿到请求到的参数,请求成功是200 OK。然后你可以在右边调整收到的参数格式。
post请求是要带参数才可以,请求结果与get相同,就是参数要设置好即可。
J. 请问大家进行移动互联网Web前端开发都使用什么知识啊开发过程中使用的工具都有哪些呢
基本的html5+css3+js
phoneGap,将web app打包成跨平台的app
jQmobile,jquery移动版,制作统一的ui
移动互联网浏览器一般是ios和android浏览器,他们的内核都是webkit,开发中,可以先在电脑上用chrome或者safari查看调试,再上真机测试。毕竟手机浏览器跟桌面浏览器还有些不同,开发过程中要具体留意,还有手机的屏幕分辨率差异较大,开发中可以采用响应式布局,根据不同分辨率显示不同的版面。