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查看調試,再上真機測試。畢竟手機瀏覽器跟桌面瀏覽器還有些不同,開發過程中要具體留意,還有手機的屏幕解析度差異較大,開發中可以採用響應式布局,根據不同解析度顯示不同的版面。