㈠ 現在比較好用的前端開發工具有哪些啊
1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。
6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。
㈡ 想問下前端需要考慮的兼容性瀏覽器有哪些
一、瀏覽器的佔有率：
ie6 - 30.23%
ie7 - 4.8%
ie8 - 30.6%
ie9 < 1%
chrome - 13.99%
firefox - 7.17%
safari ~ 5%
其他 ~ 8%
從數據上可以看出chrome + firefox + safari + ie9是高端瀏覽器，ie8勉強算準高端吧。這樣這部分佔有率約57%(如果加上其他webkit內核的瀏覽器會更高一些) 已經大於ie6 + ie7，但是IE6兼容性還是要解決。
二、web前端主要這些兼容瀏覽器：
1，firefox是開源的瀏覽器內核，插件很齊全，是代碼人員的愛寵。
2、IE瀏覽器，要在Windows中開發適合自己的瀏覽器，很多人都在用。
推薦：ie8以上，360安全瀏覽器
3、Google瀏覽器，是谷歌公司開發的網頁瀏覽器，穩定性和安全性很好。
推薦：Google Chrome
4、Opera12.17及更早版本曾經採用的內核是Presto，Opera15及以後的版本採用Blink的內核。用於手機代碼測試也很方便。
推薦：Opera15
㈢ 前端工程師都有用哪些比較靠譜的小工具
1、TakeColor 取色器
對於前端開發來說，和顏色、圖片打交道是難免的，有的時候想要在ps外面獲取顏色.
2、CoolFormat 源代碼格式化工具
CoolFormat，不僅僅適用於前端，因為它支持很多語言源代碼的格式化，可以在上面的開始菜單中選擇你要格式化的語言種類，這里我選擇的是js，然後將一串很亂的js代碼粘貼到下面的文本框裡面，點擊快速格式化.
3、做筆記的小幫手——有道雲筆記
其實這有道雲筆記不算是小工具了，在這之前，我一直都是用txt記事本記東西的
㈣ 請問，有沒有一款綜合性的前端測試工具，集成常用的前端測試工具
沒有特別集成的總和工具，給樓主列舉了一系列的測試工具
1. Browser Shots
Browsershots工具提供了對你的Web設計在不同操作系統和瀏覽器下截圖的功能。它是一個免費的在線開源Web工具，使開發人員能以一種便捷的方式同時測試網頁的瀏覽器兼容情況。在Browsershots上提交的網址將被添加到一個任務隊列。隨後一些分布式的計算機將在各自的瀏覽器中打開該網站並截圖。最終可通過一個中央伺服器來查看這些上傳的截圖。
2. IETester
IETester是一個免費的Web瀏覽器調試工具，可以模擬出不同的js引擎來幫助程序員設計效果統一的代碼。IETester可以在獨立的標簽頁中開啟IE 5.5、IE 6、IE 7以及最新的IE 8（9） beta等不同版本的IE。
3. WebPage Speed Test
使用該工具可在全球不同位置及不同瀏覽器中測試網頁的真實鏈接速度。除了簡單的測速，你還可以執行一些其他高級測試，如多步執行（multi-step transaction）、視頻錄制、內容阻止等。測試結果將提供豐富的診斷信息，包括資源載入瀑布圖、網頁速度優化檢查及改進建議等。
4. Mobile testing
使用這個工具你可以查看你的網站在移動設備上的效果。可以設置移動設備的類型、錄屏，以及結果不公開。
5. Feed validator
免費的W3C Feed校驗服務，可用於查找Atom和RSS Feed中的語法錯誤。
6. Instant Website Test
該工具提供免費即時的網站性能測試服務。可從全球不同位置探測你的網站載入速度有多快，並查明是何者降低了頁面性能。
7. Pingdom
輸入URL，即可測試頁面的載入時間，分析並發現加速的「瓶頸」所在。
8. Link Checker
該工具可用於搜尋查明你網站內的所有鏈接里是否有斷鏈。
9. DNS Health Checker
正確的DNS設置對網站運行來說是至關重要的。Pingdom的DNS Health test工具可以幫助你發現錯誤的DNS設置，並檢查域名解析是否正確。它能夠自動發現你所指定域名使用的DNS伺服器，然後執行一系列迭代測試來查明域名設置及DNS伺服器響應是否正確。
10. Load impact
Load Impact是一個在線網站負載測試服務，可以幫助你測試網站的負載和壓力。
11. Google web page tester
Google的Page Speed Service，可以為第三方網站提供網頁加速服務。你只需要把以前的域名CNAME到ghs.google.com，瀏覽者就不再直接訪問網站的伺服器，而是轉到Google的伺服器上。Google的伺服器會抓取網站伺服器上的網站內容，然後進行重寫、緩存。它使用類似CDN（內容分發）的原理，而比普通只提供緩存的CDN多了內容重寫的環節，自動為網頁提供合並CSS、合並JavaScript、將CSS移到HTML的Head、壓縮圖片、優化圖片、緩存圖片、碎片域名、gzip資源等網頁加速技巧。
12. Validate you HTML code
該工具可用於檢查Web文檔中HTML、XHTML、SMIL、MathML等標記的有效性。
13. Website vulnerability tool
免費的在線網路漏洞掃描工具，可用於檢查你的網站的安全性。
㈤ WEB前端開發跨平台和 ie 兼容性問題怎麼能同時兼顧
前端代碼標准這個是web兼容的王道 剩下的都是小細節問題
另外ie的開發者工具里包含了ie的各版本，調試的時候根據需要調到相應版本就行
㈥ 常用的自動化測試工具有哪些
1、Appium
AppUI自動化測試
Appium 是一個移動端自動化測試 開源工具，支持iOS 和Android 平台，支持Python、Java 等語言，即同一套Java 或Python 腳本可以同時運行在iOS 和Android平台，Appium 是一個C/S 架構，核心是一個 Web 伺服器，它提供了一套 REST 的介面。當收到客戶端的連接後，就會監聽到命令，然後在移動設備上執行這些命令，最後將執行結果放在 HTTP 響應中返還給客戶端。
2、Selenium
WebUI自動化測試
Selenium是一個用於Web應用程序測試的工具，Selenium已經成為Web自動化測試工程師的首選。Selenium測試直接運行在瀏覽器中，就像真正的用戶在操作一樣。支持的瀏覽器包括IE(7、8、9)、Mozilla Firefox、Mozilla Suite等。這個工具的主要功能包括：測試與瀏覽器的兼容性——測試你的應用程序看是否能夠很好得工作在不同瀏覽器和操作系統之上。測試系統功能——創建回歸測試檢驗軟體功能和用戶需求。支持自動錄制動作和自動生成 .Net、Java、Perl等不同語言的測試腳本。Selenium 是ThoughtWorks專門為Web應用程序編寫的一個驗收測試工具。其升級版本為Webdriver。
3、Postman
介面測試
Postman 提供功能強大的 Web API 和 HTTP 請求的調試，它能夠發送任何類型的HTTP 請求 (GET, POST, PUT, DELETE…)，並且能附帶任何數量的參數和 Headers。不僅如此，它還提供測試數據和環境配置數據的導入導出，付費的 Post Cloud 用戶還能夠創建自己的 Team Library 用來團隊協作式的測試，並能夠將自己的測試收藏夾和用例數據分享給團隊。
4.Robot Framework
Robot Framework是一個開源自動化框架，它實現了用於驗收測試和驗收測試驅動開發（ATDD）的關鍵字驅動方法。 Robot Framework為不同的測試自動化需求提供框架。 但是，通過使用Python和Java實現其他測試庫，可以進一步擴展其測試功能。 Selenium WebDriver是Robot Framework中常用的外部庫。
測試工程師可以利用Robot Framework作為自動化框架，不僅可以進行Web測試，還可以用於Android和iOS測試自動化。 對於熟悉關鍵字驅動測試的測試人員，可以輕松學習Robot Framework。
5、Soapui
介面測試
SoapUI提供了所有所需的工具來測試和完善的測試。總覽標簽給你一個項目的所有內容和全面的看法。只需一次點擊，您可以添加任何數量的斷言為驗證傳入的消息TestStep。使用功能強大的HTTP監視器記錄，分析甚至修改客戶機 - 伺服器通信，因為它發生。和SoapUI臨帶來了更專業和先進的功能，保持遙遙領先其他測試工具。輕松創建和運行數據驅動測試。該數據源TestStep讀取測試數據從任何外部來源 - Excel中，XML，JDBC，文件，等等 - 到標准SoapUI屬性。
針對上面的自動化測試工具，每一個都有自己優勢的功能，隨著計算機行業的發展，自動化測試工具會越來越多，越來越完善。
㈦ 前端什麼樣的代碼開發工具好用
為了讓入行新人能夠更快的掌握Web前端開發，千鋒武漢小編推薦五個優秀的前端開發工具，供小夥伴們參考。
框架類：Bootstrap
全世界最流行的響應式前端框架。基於HTML、CSS、JAVASCRIPT的，它在jQuery的基礎上進行了更為個性化和人性化的完善，形成一套自己獨有的網站風格。並兼容大部分jQuery插件。簡潔靈活，使得Web開發更加快捷。國內一些移動開發者較為熟悉的框架，如WeX5前端開源框架等，也是基於Bootstrap源碼進行性能優化而來。
代碼編輯器：Codepen、VScode
CodePen是一個在線的HTML、CSS和JavaScript代碼編輯器，能夠編寫代碼並即時預覽效果。可以用於在線展示的作品，也可以看到其他人在網頁中實現的各種令人驚奇的效果。
VScode免費開源的現代化輕量級代碼編輯器，支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括弧匹配、代碼片段、代碼對比 Diff、GIT 等特性，支持插件擴展，並針對網頁開發和雲端應用開發做了優化。軟體跨平台支持 Win、Mac 以及 Linux。
性能測試：Google PageSpeed Insights
PageSpeed是谷歌的網頁測試工具，通相信有接觸前端開發的大神們都聽說過Google官方的PageSpeed Tools，這個網頁載入速度檢測工具有在線版本也有一個 Chrome擴展，叫PageSpeed Insights。PageSpeed Insights的Chrome擴展是由谷歌官方開發的一款可以分析頁面載入的各個方面，包括資源、網路、DOM以及時間線等等信息的插件，過檢測評分給你優化建議。
調試類：AtomAptana Studio
它是非常強悍的JavaScript編輯器和調試器，可以支持多種AJAX和JavaScript工具箱，包括JavaScript編輯和調試。具有智能代碼完成、瀏覽器兼容性提示、代碼錯誤提示、文檔結構樹等功能。
HTML5：HTML5測試得分能夠提示您正常使用的瀏覽器對於HTML5標准和相關規范的支持情況的指標。
前端開發工具數量很多，這里只是推薦了千鋒武漢HTML5前端小編覺得比較好的5個前端開發工具。如果你有更好的意見，歡迎給我們留言分享。
㈧ 軟體測試常用的工具有哪些
軟體測試分為功能測試、介面測試、自動化測試、性能測試幾大方向，每個方向用到的測試工具都不盡相同。功能測試會用到SVN、禪道、QCALM、Jira等軟體測試管理工具。介面測試則會用到Jmeter、Postman、Fiddler軟體，使用Jmeter可以執行測試用例，對頁面跳轉，參數傳遞等功能進驗證。
自動化測試則又分為Web自動化測試和移動自動化測試。Web自動化測試主要會用到Selenium軟體以及Firebug插件工具，使用Selenium可以對網站的核心功能進行自動化測試，包括元素定位、滑鼠鍵盤的模擬操作及自動化測試框架的使用等。Web自動化測試主要用到的是Appium以及Monkey軟體。Appium可以對APP核心功能進行測試驗證，包括ID、xpath、list元素定位，數據交互、模塊封裝以及自動化測試框架的使用，生成測試報告，對APP功能進行評估等。
㈨ Web前端和軟體測試那個適合女生
web前端相當於是半個程序猿，測試門檻比較低但是薪資待遇也相對差一些。這都想在想去培訓學習的人想知道的，每當換行業時，總是不知道學習什麼，又怕自己入錯行了，那到底web前端和軟體測試哪個好呢？
了解web前端的知識
前端方面非常稀缺人才，如果懂H5那是非常好的了，而且待遇也不低，不過 瀏覽器兼容性是前端噩夢測試雖然入門門檻低，但是其實需要學的東西非常多，如果是web測試，那麼各種亂七八糟前端的東西都要去了解(JS，CSS，HTTP，HTTPS，POST請求，XML，JSON)起碼不會寫代碼，但是你要了解。
軟體測試的基礎知識
軟體測試還可以細分為功能測試，這個要求技術不高薪水也不高，屬於黑盒測試開發，這個介於黑盒和白盒之間，都要懂，而且要會代碼，薪資和開發比差不多；白盒測試，這個一般開發會做，也有給測試做的，薪資和開發差不多，基本持平自動化測試，這個基本要會寫代碼而且量還不少，薪水不錯性能測試，這個主要是性能分析，薪水也不錯，不比開發少安全測試這個基本就是搞安全的 這個能力有多強，薪資有多高。
web前端該掌握的基礎
web前端開發一般指網頁開發，學好CSS3是網頁外觀的重要一點，就是布局效果，CSS3可以幫助把網頁外觀做得更加美觀。學習JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發人員的個人技能，JavaScript相對於前端來說，也是分量比較重的。也要認識一下NodeJS和PHP加上資料庫等這樣的後端語言，方便前後端開發配合，學習 HTML5、CSS3、響應式頁面布局、微網站製作等開發移動互聯網的應用。像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端開發必學的高級技術，掌握精通這些可以拿到很滿意的薪資。
軟體測試邏輯性
軟體測試工程師與軟體工程師不同，軟體工程師大多是男生，因為軟體開發的工作需要很強的邏輯推理能力，而軟體測試工程師則不需要天天去思維創造，工作重點是在注重經驗的積累上面，同時，軟體測試工程師要查找軟體的缺陷需要具備的素質與女性所有的細心，耐心，安靜，敏感等各個方面很吻合。同時，女生做測試的優勢還在於溝通，女生應該比男生稍微細心點，這點對於發現Bug還是很有優勢的。
軟體測試是在軟體開發過程中，在不同階段對程序進行測試，發現程序中的錯誤，對軟體的質量進行控制，扮演著「把關人」的角色。細膩、敏感、認真、有耐心、想像力豐富、溝通能力強是女性與生俱來的性格特點，這些性格特點可以使女生在軟體測試工作中更加順利。
web前端和軟體測試哪個好？其實這個沒有規定性，你得了解這兩個課程體系，才能更好的判斷，在挖掘數據方面，都有自己的長短處，只是形式不同而已。
網頁鏈接
㈩ web前端開發需要哪些工具
Web前端是一個新興職業，市場需求大，薪資待遇高，吸引了很多人加入學習。無論是初學小白亦或是自身前端開發人員，好用的軟體工具可以幫助他們更好的工作。今天千鋒武漢給大家分享一下Web前端開發用什麼軟體。
1、Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所見即所得的介面，亦有HTML(標准通用標記語言下的一個應用)編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。 訪問代碼提示，即可快速了解 HTML、CSS 和其他Web標准。使用視覺輔助功能減少錯誤並提高網站開發速度。
3、Visual Studio Code
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
4、HBuilder
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。從開放注冊以來深受廣大前端朋友們的喜愛。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
想知道「Web前端開發用什麼軟體」，通過網上搜索你可以發現很多，而能否很好的藉助這些軟體完成項目，關鍵還要看你的技術。千鋒武漢網站上有以上這些工具的安裝包，需要的小夥伴自己去下載吧。