asp.net页面的跨浏览器兼容性问题 [英] Cross Browser Compatibility Issue with asp.net page

问题描述

嗨专家，



我面临浏览器兼容性问题。问题是下拉控件在IE9，firefox，Crome浏览器的aspx页面中渲染完美，一旦我将浏览器模式更改为IE7或IE8，那么这不是渲染完美而且下拉列表正在被破坏。



请在下面找到我的场景并建议我该怎么做？



我在响应体中收集了低于标准的html字符串（IE调试工具在来自服务器的IE7浏览器模式）用于下拉控制。

 <  选择   名称  =  ctl00 $ ctl00 $ mainTitleContent $ mainContent $ manageCourseForm $ form $ A1468211356    id   =  ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A1468211 356    class   =  DeAcDropDownList    onchange   =  checkParentValue（this，'ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A16203655'）; checkParentValue（this，'ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A3513724316'）; >  
 <  选项   已选择  = 已选择   值  =  >  <   / option  >  
 <  选项    value   =  1 >  AF <   / option  >  
 <   option     value   =  2 >  AU <   / option  >  
 <  选项   值  =  5 >  CU <   / option  >  
 <  选项    value   =  3 >  CUC <   / option  >  
 <   option     value   =  4 >  GMU <   / option  >  
 <  选项    value   =  6 >  KUC <   / option  >  
 <  选项    value   =  7 >  MRU <   / option  >  
 <  选项    value   =  8 >  UA <   / option  >  
 <  选项   值  =  9 >  UC <   / option  >  
 <  选项    value   =  10 >  UL <   / option  >  
 <   / select  >  

我在IE7浏览器模式下为相同的下拉控件收集了渲染源代码（查看页面源代码）中的hlow字符串。

< SELECT id = ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A1468211356 class = DeAcDropDownList name = ctl00 $ ctl00 $ mainTitleContent $ mainContent $ manageCourseForm $ form $ A1468211356> < OPTION selected value =>< / OPTION> < OPTION值= 1> AF< / OPTION> < OPTION值= 2> AU< / OPTION> < OPTION值= 5> CU< / OPTION> < OPTION值= 3> CUC< / OPTION> < OPTION value = 4> GMU< / OPTION> < OPTION值= 6> KUC< / OPTION> < OPTION值= 7> MRU< / OPTION> < OPTION值= 8> UA< / OPTION> < OPTION值= 9> UC< / OPTION> < OPTION value = 10> UL< / OPTION>< / SELECT> 

注意：对于下拉列表，此响应正文和渲染输出应该相同。你可以注意到这里onchange事件在渲染输出和一些格式中也丢失了。如果我使用IE9，firefox和crome，则下拉列表的响应体和渲染输出都是相同的。





请建议我用什么要做什么？





谢谢，

Purna

解决方案

ctl00

mainTitleContent

搜索Maincontent

Hi Experts,

I am facing browser compatibility issue. Problem is a dropdown control is rendering perfect in aspx page in IE9, firefox, Crome browser, Once I have changed the browser mode to IE7 or IE8 then this is not rendering perfect and dropdown is being corrupted.

Please find my scenario bellow and suggest me what to do?

I have collected bellow html string in response body (IE debugger tools in IE7 browser mode) from server for dropdown control.

<select name="ctl00$ctl00$mainTitleContent$mainContent$manageCourseForm$form$A1468211356" id="ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A1468211356" class="DeAcDropDownList" onchange="checkParentValue(this, 'ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A16203655');checkParentValue(this, 'ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A3513724316');">
                <option selected="selected" value=""></option>
                <option value="1">AF</option>
                <option value="2">AU</option>
                <option value="5">CU</option>
                <option value="3">CUC</option>
                <option value="4">GMU</option>
                <option value="6">KUC</option>
                <option value="7">MRU</option>
                <option value="8">UA</option>
                <option value="9">UC</option>
                <option value="10">UL</option>
</select>

I have collected bellow html string in rendered source code (view source of page) for the same dropdown control in IE7 browser mode.

<SELECT id=ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A1468211356 class=DeAcDropDownList name=ctl00$ctl00$mainTitleContent$mainContent$manageCourseForm$form$A1468211356> <OPTION selected value=""></OPTION> <OPTION value=1>AF</OPTION> <OPTION value=2>AU</OPTION> <OPTION value=5>CU</OPTION> <OPTION value=3>CUC</OPTION> <OPTION value=4>GMU</OPTION> <OPTION value=6>KUC</OPTION> <OPTION value=7>MRU</OPTION> <OPTION value=8>UA</OPTION> <OPTION value=9>UC</OPTION> <OPTION value=10>UL</OPTION></SELECT>

Note: This response body and render output should be same for the dropdown. And you can noticed here onchange event is missing in render output and some formatting also. If I use IE9, firefox and crome then both the response body and render output is same for the dropdown.


Please suggest me what to do?


Thanks,
Purna

解决方案

ctl00

mainTitleContent

mainContent

这篇关于asp.net页面的跨浏览器兼容性问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！