标签: cross-browser

这是我的JavaScript代码:

function selectRow(objTR) {
    for (i = 0; i < ddlModalityList.options.length; i++) {
        if (ddlModalityList.options[i].text == objTR.cells[1].innerText.trim()) break;
    }

    ddlModalityList.options[i].selected = true;
    txtSSAETitle.value = objTR.cells[2].innerText.trim();
    txtSSName.value = objTR.cells[3].innerText.trim();
}

这是转发器代码.在行上单击我传递tr的id并在相应的下拉列表和文本框中显示相应的td值.此代码在IE中正常工作但在Mozilla Firefox中失败.

<tr onclick="selectRow(this);">   
    <td class="csstablelisttd" style="display: none;" >
        <%#Eval("Acq_Modality_ID")%>
    </td>                     
    <td class="csstablelisttd" >                            
        <asp:Label ID="lblModality" runat="server" Text='<%#Eval("Modality")%>'></asp:Label>
    </td>

    <td class="csstablelisttd">
        <asp:Label ID="lblSchdledStAETitle" runat="server" Text='<%#Eval("Scheduled_Station_AE_Title")%>'></asp:Label>
    </td>
    <td class="csstablelisttd">
        <asp:Label ID="lblSchdleStationAEName" runat="server" Text='<%#Eval("SCHEDULED_STATION_NAME")%>'></asp:Label>
    </td>
</tr>

当我浏览一个站点时,我的IE9设置为Quirks模式:

我放入了我的标题网站,http-equiv="X-UA-Compatible" content="IE=edge,chrome=1但没有任何变化.

我的文档类型是"严格".

请帮帮我 :(

由于CSS3和HTML5,我想查看访问者使用的浏览器(和版本).这样做的最佳方式是什么？我知道大多数方法搞砸某些检查,例如手机或平板电脑,以及一些不常见的浏览器,但是应该有办法正确获取这些信息吗？

这更像是一个浏览器将要做什么的问题,而不是后端架构.

我正在使用codeigniter并有一个控制器设置来处理资产(CSS,JS和图像),目前我只是简单地处理PHP文件中的PHP并将它们作为CSS文件呈现给浏览器,因此www.mysite.com/asset/home.css将调用资产类并从单个文件生成home的CSS文件.

我想使CSS文件的请求更加动态,以便请求将确定应该组合的多个文件,然后传递给less.php解析和最小化.

考虑到缓存问题,将变量传递给CSS类的最佳方法是什么？扁平链接URI变量？传统的GET URI？我可以使用数据库来引用其组件的给定名称,但这不是很多开销吗？

欢迎任何想法或意见!

++浏览器如何处理类似的东西standard.menu.comments.css？

+++我最终使用附加到文件的URI字符串.它并不像我想要的那么干净,但似乎有效.我很可能会很快转移到一个斜杠分隔的URI解析器来清理请求行.谢谢你的帮助!

已解决:编辑编辑 - >使用UTF-8进行编码而无需BOM.

在我开始在我的网站上编写php之前,它在所有浏览器上看起来都很好.所以我让常见的初学者错误只是在mozilla firefox中编写我所有的PHP内容......现在一切都很乱.

如果我删除所有的PHP代码,一切都恢复正常,但这不是一个解决方案.

在Firefox中:

一切都看起来应该是这样,这一切都很完美.

在Google Chrome中:

• 顶部和导航div(位置:固定)之间的边距已经出现.

• 有帖子的内容已经超过了页脚

在Safari中:

• 顶部和导航div(位置:固定)之间的边距已经出现.

• 有帖子的内容已经超过了页脚

在最糟糕的IE中:

• 导航div不再像位置那样:固定

• Youtube div位于页面底部

• 文字更大胆

• 某些div上添加了高度

• jquery滑块不起作用,它上面有一个margin-top和bottom

为什么浏览器之间的差异如此之大？有什么好的解释吗？当我即将完成这项工作时,这非常令人沮丧.

就像它在标题中说的那样,是否有人知道使用CSS2(而不是CSS3)制作三角形而不使用图像的技巧？

我曾经$.browser.webkit检测过我的浏览器是否为Safari/Chrome,现在false使用Chrome时此检查是否会恢复？

我正在构建一个联系表单,通过jQuery使用ajax来获取CAPTCHA图像(和隐藏的数据字段)并在DOM准备好后将其放入表单中.此外,当单击CAPTCHA图像时,它会重新加载图像(和隐藏数据字段).

CAPTCHA图像创建脚本是我自己创建的,我已经使用了几年 - 它非常强大且工作正常,但这是我第一次尝试通过ajax将其集成到网站.

粗略地说我有以下jQuery.我认为支持HTML/CSS/PHP是相当无关紧要的 - 我可以提供一些如果有必要,但它似乎工作得很好...问题似乎是与jQuery或浏览器缓存Chrome ...

$(document).ready(function() {
    commentFormCaptchaWrapper = $('#captchawrapper');

    // Check DOM for CAPTCHA wrapper... if it's there get the CAPTCHA image
    if (commentFormCaptchaWrapper.length > 0) {getCaptchaImage()}

    // If the CAPTCHA image is clicked get a new one
    commentFormCaptchaWrapper.click(getCaptchaImage);
});


function getCaptchaImage(){
    commentFormCaptchaWrapper.html();
    $.ajax({
        url: '/captcha/ajax.captcha.php',
        type: 'post',
        cache: false,
        success: function(response){
            commentFormCaptchaWrapper.html(response);
        },
        error: function(response){
            alert ("Ajax Error");
        }
    });
}

一切正常我在Firefox(以及Opera,IE)中的使用方式,但它在Chrome中不起作用.在Chrome中,CAPTCHA图像和隐藏字段的初始ajax调用工作得很好,但是当你单击CAPTCHA时,Captchawrapper div被清空时会有一个短暂的闪烁(因此检测到点击确定)但它会重新加载相同的图像.

为了简要解释我的CAPTCHA脚本,通常它会根据某些文本生成图像并加密内容以用作文件名(带有时间戳后缀) - 然后使用唯一名称缓存图像.因此,CAPTCHA脚本在每次使用时都会提供不同的文件名,完全唯一.

我还没有完全掌握jQuery的速度,但是据我所知,我已经关闭了jQuery中的ajax缓存所以我无法弄清楚出了什么问题......有人可以帮忙吗？

此代码适用于除IE之外的所有浏览器.我可以做些什么来增加对它的支持？

<script type="text/javascript">
$(document).ready(function() {
  var currentArrayNum = 2;
  $('#names').on({
    blur: function() {
        currentArrayNum += 1;
        var name = $("<p><input class='input' type='text' name='guests[]' value='' /></p>");

        var nullFields = 0;
        $(this).closest('div#names').find('input.input').each(function(){
            if($(this).val() == ""){
                nullFields++;
            }
        });
        console.log(nullFields);

        if(nullFields <= 1){
          $('#names').append(name.fadeIn(500));
          $('#leftbox').scrollTop($('#leftbox')[0].scrollHeight);
        }
    }
}, 'input');
 });
</script>

它应该意味着添加额外的输入字段.您可以在此处的 "为访客列表输入名称"下的操作(在FF,Chrome,Safari等)中查看它.

编辑

在IE9中测试但对我不起作用.

我还应该问一下在Mac上是否有不同版本的IE(以及其他浏览器)的测试方法？

浏览器有两个使用不同URL打开的选项卡.

服务器从一个html页面收到的数据......

是否可以在另一个已经打开而没有重新加载的选项卡中显示相同的数据...如果是这样,应该怎么做...