Chrome与Firefox渲染问题

时间:2014-03-25 17:40:44

标签: html css google-chrome twitter-bootstrap firefox

我在使用Chrome,Safari等浏览器重新访问我的网站时遇到问题。在Firefox和较新版本的IE上呈现是可以接受的。我将解释我遇到的问题。

我发现的第一个问题是在Chrome上检查页面(http://devildogusainc.org)时。我收到以下控制台消息:

Failed to load resource: the server responded with a status of 404 (Not Found) http://devildogusainc.org/assets/js/head.min.js.map
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.devildogusainc.org/dev/img-gallery2/third.party/hammer.js/hammer.min.map
Failed to load resource: the server responded with a status of 404 (Not Found) http://devildogusainc.org/assets/css/bootstrap.css.map
Failed to load resource: the server responded with a status of 404 (Not Found) http://devildogusainc.org/assets/css/bootstrap.css.map
Failed to load resource: the server responded with a status of 404 (Not Found) http://devildogusainc.org/assets/js/head.min.js.map
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.devildogusainc.org/dev/img-gallery2/third.party/hammer.js/hammer.min.map

我不确定为什么会这样做,因为我的文件都不以.map

结尾

我的下一个问题是在可扩展的溺水盒中找到的。工作人员页面的问题,或者他们所包含的任何地方(索引,赞助商和支持者)。 Chrome上的框具有根据其方向进行调整的指针,例如未展开时它们水平显示( - >),当展开时,它们似乎指向内容的下方。我将发布css用于汇总css容器。

summary {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-left: 10px solid #00698c;
text-shadow: 1px 1px 0 #004d66;
cursor: pointer;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: 22px;
text-align: center;
height: auto;
width: 350px;
margin: 0;
padding: 1.625rem;
position: relative;
background: #0099cc;
color: #fff;
}

这些是我的主要问题,其中一个问题困扰了我一个多星期。希望我能从Stackoverflow社区找到解决方案。

感谢。

1 个答案:

答案 0 :(得分:1)

第一个问题:

首先这不是问题,但Chrome DevTools中的一项功能称为源地图。源映射用于调试压缩或编译的Javascript和CSS代码,因此您不需要实际的未压缩和未编译的代码。当从其他语言(如Coffee Script甚至Java)编译Javascript时(这是GWT),这非常有用。

退房:https://www.youtube.com/watch?v=-xJl22Kvgjg

如果您不想看到这些错误,请包含相应文件的源地图,或在Chrome DevTools设置中停用该功能。他们在“常规 - >来源”下使用“启用Javascript源地图”和“启用CSS源地图”这个名称

希望这会有所帮助。 :)