① WEB前端開發跨平台和 ie 兼容性問題怎麼能同時兼顧
前端代碼標准這個是web兼容的王道 剩下的都是小細節問題
另外ie的開發者工具里包含了ie的各版本,調試的時候根據需要調到相應版本就行
② 怎麼讓web項目兼容IE瀏覽器~~
兩種辦法:
1:開發的時候兼容考慮JS和CSS對IE不同版本的兼容。
2:直接放棄IE,頁面載入的時候就判斷瀏覽器版本,提示用戶版本需要更新,引導用戶下載指定的瀏覽器版本即可。
③ web前端主要兼容哪些瀏覽器
一、瀏覽器的佔有率:
④ web前段開發怎麼解決瀏覽器兼容性
不同瀏覽器對HTML標記所具有的內外邊距屬性具有不同的定義。
因此如果想消除這種差距,應該在相應的CSS部分加入以下CSS代碼:*{margin:0px;padding:0px;}借於此,所有標記的內外邊距被統一起來。
優先順序問題:
對於同一標記屬性所給定的值,有不同的優先順序。其中優先順序最高的是內聯代碼,其實是頁內CSS,接下來是瀏覽器默認設置,最後才是外部CSS所做的限制。
Margin不一致的問題:
當有多張圖片需要排在一行時,我們通常使用「Float:Left」來實現,這樣一來,瀏覽器就存在兼容性問題。導致圖片與後面的內容存在margin不一致的問題。對此一種解決方法就是給圖片添加「Display:inline」項即可。
DIV居中問題:
通常我們會利用「vertical-align:middle」來實現,這對於搜狗瀏覽器來說,是正常的,但是對於IE瀏覽器來說,卻並沒有效果。對此,一種較好的解決方法是:將文字的行高設置與DIV一樣時即可解決問題。
內外邊框合並問題。通常情況下,對於兩個相關DIV塊,相鄰時採用外邊距合並原則,其結果只最兩個DIV塊中Margin最大值做為兩個DIV之間的間距。包含的兩個DIV之間的間距也遵行同樣的規則。
掌握了這一規則,在利用DIV塊進行布局時我們就可以做的更加得心應手。
⑤ 在Tomcat上開發Web應用如何保證兼容性
兼容性的問題你更應該考慮的是代碼中使用的html,js或者已有前端框架等是否和對應的廠商瀏覽器,瀏覽器版本兼容。
⑥ Web開發瓶頸:為何瀏覽器兼容困難重重
瀏覽器種類和版本多,並且其渲染引擎的工作原理不一樣,俗稱的瀏覽器內核不一樣。導致了要做到兼容工作量很大。隨著web標準的推行,這種問題雖然比以前有所減少,但還是不容樂觀。導致Web前端設計者每改變一點代碼,就要在所有主流瀏覽器上跑一遍。並且一旦發現了不兼容的情況,要找出問題原因並給出解決方案並不是一件容易的事。這一點我很有體會,導致我對web前端的編碼非常小心,有時根本不敢寫,想實現一些特殊的效果,只能到別人的網站上借鑒:)。在這個過程中Firebug幫了我不少忙,也學習了很多前端知識。但如果要我選擇BS還是CS哪種方式,我會首選CS,因為BS方式的開發經驗告訴我很難做好,開發體驗很不愉快。看來Silverlight真是程序員需要的(瀏覽器中的C/S開發),門戶網站因為存在部署成本,相對於HTML+JS的方式,很難大面積推廣。
瀏覽器的javascript引擎工作原理不一樣,尤其是JS和DOM在一起寫代碼的時候,你也不敢寫,同樣不能保證兼容性。於是JQuery等框架滿天飛,當然藉助這些框架可以節省我們很多寶貴的時間。但是畢竟我們不是專業的前端開發者,你對JS很熟悉嗎?比對C#還熟悉?而且,使用框架的尷尬是不敢跳出框架的范圍,一旦跳出了,就擔心兼容性是否被破壞了。
前端開發是需要經驗積累的職業。知識零碎是我的第一印象,HTML、css和js哪一樣要想精通都不容易。然而,業內對其技術含量並不尊重,沒有好用和專業的IDE這一點就可見一斑,Js被大多數人看作腳本語言,更說明了很多人根本沒給予充分的重視。開發者都不重視了,還怎麼做到兼容性。我敢說公司要招聘到一個有經驗的前端工程師並不容易。
(轉載自新浪網,原文標題《Web開發瓶頸:為何瀏覽器兼容困難重重》,有部分修改)
⑦ web前端開發過程中,出現瀏覽器兼容問題,一般從什麼角度考慮解決
1、寫代碼的時候遵循W3C標准,按照最新穩定版本的IE或WebKit內核瀏覽器進行編碼。
2、遇到部分無法全面解決瀏覽器兼容的時候,採取CSS的hack手段進行針對性微調。
3、遇到特別難解決的,可以用JS強制修改。
⑧ web前端瀏覽器兼容常見問題。。。
問題症狀:隨便寫幾個標簽,不加樣式控制的情況下,各自的margin 和padding差異較大。
碰到頻率:100%
解決方案:css里 *{margin:0;padding:0;}
備註:這個是最常見的也是最易解決的一個瀏覽器兼容性問題,幾乎所有的css文件開頭都會用通配符*來設置各個標簽的內外補丁是0。
瀏覽器兼容問題二:塊屬性標簽float後,又有橫行的margin情況下,在ie6顯示margin比設置的大
問題症狀:常見症狀是ie6中後面的一塊被頂到下一行
碰到頻率:90%(稍微復雜點的頁面都會碰到,float布局最常見的瀏覽器兼容問題)
解決方案:在float的標簽樣式控制中加入 display:inline;將其轉化為行內屬性
備註:我們最常用的就是div+css布局了,而div就是一個典型的塊屬性標簽,橫向布局的時候我們通常都是用div float實現的,橫向的間距設置如果用margin實現,這就是一個必然會碰到的兼容性問題。
瀏覽器兼容問題三:設置較小高度標簽(一般小於10px),在ie6,ie7,遨遊中高度超出自己設置高度
問題症狀:ie6、7和遨遊里這個標簽的高度不受控制,超出自己設置的高度
碰到頻率:60%
解決方案:給超出高度的標簽設置overflow:hidden;或者設置行高line-height 小於你設置的高度。
備註:這種情況一般出現在我們設置小圓角背景的標簽里。出現這個問題的原因是ie8之前的瀏覽器都會給標簽一個最小默認的行高的高度。即使你的標簽是空的,這個標簽的高度還是會達到默認的行高。
瀏覽器兼容問題四:行內屬性標簽,設置display:block後採用float布局,又有橫行的margin的情況,ie6間距bug(類似第二種)
問題症狀:ie6里的間距比超過設置的間距
碰到幾率:20%
解決方案:在display:block;後面加入display:inline;display:table;
備註:行內屬性標簽,為了設置寬高,我們需要設置display:block;(除了input標簽比較特殊)。在用float布局並有橫向的margin後,在ie6下,他就具有了塊屬性float後的橫向margin的bug。不過因為它本身就是行內屬性標簽,所以我們再加上display:inline的話,它的高寬就不可設了。這時候我們還需要在display:inline後面加入display:talbe。
瀏覽器兼容問題五:圖片默認有間距
問題症狀:幾個img標簽放在一起的時候,有些瀏覽器會有默認的間距,加了問題一中提到的通配符也不起作用。
碰到幾率:20%
解決方案:使用float屬性為img布局
備註:因為img標簽是行內屬性標簽,所以只要不超出容器寬度,img標簽都會排在一行里,但是部分瀏覽器的img標簽之間會有個間距。去掉這個間距使用float是正道。
⑨ web端兼容性測試包括哪些
Web端是一種可以通過瀏覽器直接訪問伺服器的應用程序,用戶可以通過Web瀏覽器與Web應用程序的伺服器進行交互,比如查看網頁、輸入數據和執行操作等,伺服器接收客戶端請求並響應,更新當前Web網頁,web端兼容性測試包括
頁面布局問題。
布局問題是Web應用程序中非常普遍的一個問題,不同瀏覽器呈現給用戶同一個Web頁面可能顯示都不一樣。
2.功能問題。
Web應用程序中的功能性問題主要為不同瀏覽器對腳本的執行不一致,功能性問題極大限制了用戶對Web界面元素的使用。
⑩ web前端開發兼容性問題
那你可以使用判斷語句實現,當為空時不選擇,非空時為A即可。這樣就行了。