HTML页面第一次加载和第二次加载不同(谷歌浏览器)

威廉·恩崔肯

我有一个HTML页面,它在第一次加载时加载一种方式,在第二次加载时加载另一种方式。在私有模式下使用Chrome可以重现这一情况(因为它每次都会清除缓存)。

第一次: 在此处输入图片说明

第二(及以后)时间: 在此处输入图片说明

我以前从未见过这样的问题,因此在寻找其他投诉时遇到了麻烦。关于从哪里开始调查的任何建议?

编辑

Thanks for all the feedback. Just to clarify a few things. The CSS is standard Bootstrap 3.0 only, there is no other styling or CSS. The URL is https://www.acls.net/index-exp120.php and this is Chrome Private mode with all extensions disabled. I only see this issue in Chrome, have updated title to reflect that.

MarioW

Ok - the issue depends on multiple things

  • only might happen with an empty cache
  • depends on the loading speed of font-awesome & bootsrap - if they load faster than your logo or not...

So while running Chrome in Incognito Mode and reloading again and again eventually I could reproduce the issue.

You cannot easily fix the loading race condition but fixing your css should work :

  1. add class pull-left to your logo
  2. clear the floated area by applying class clearfix to the page-header
  3. 它不是必需的,但很好的选择,将width添加height到徽标图像中,这样在加载后就不会弹出

所以这里是:

<div class="page-header clearfix">
    <a href="/" class="logo pull-left"">
        <img src="images/logo.png" height="62" width="232" alt="">
    </a>

希望能有所帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery / Javascript提交按钮:第一次成功,第二次重新加载页面

来自分类Dev

谷歌浏览器打印预览不会第一次加载页面

来自分类Dev

毕加索不缓存第一次加载,但第二次没问题

来自分类Dev

模态显示第一次加载为空,第二次未加载

来自分类Dev

模态显示第一次加载为空,第二次未加载

来自分类Dev

Java keystore加载第一次起作用,第二次抛出错误

来自分类Dev

Android Google Maps在第一次打开时加载,然后在第二次打开时崩溃

来自分类Dev

Android Google Maps在第一次打开时加载,然后在第二次打开时崩溃

来自分类Dev

第一次点击和第二次点击之间有不同的动作?

来自分类Dev

第一次和第二次之间的速度差

来自分类Dev

第一次和第二次之间的速度差

来自分类Dev

第二次刷新浏览器后在画布上加载svg图像

来自分类Dev

NG表更改页面在第二次点击(不是第一次点击)上的操作

来自分类Dev

NG表更改页面在第二次点击(不是第一次点击)上的操作

来自分类Dev

我怎样才能让按键第一次执行,而第二次执行不同的操作?

来自分类Dev

Centos 7中的NIO和IO性能问题(第一次和第二次读写)

来自分类Dev

修改字符串的第一次和第二次出现和重置

来自分类Dev

为什么此组合器的第二次执行比第一次执行快10倍?

来自分类Dev

boot :: exception消息上的第一次和第二次访问冲突

来自分类Dev

第一次和第二次出现在PostgreSQL中的行ID

来自分类Dev

函数的第一次调用与第二次调用的性能

来自分类Dev

在第二次执行时暂停函数的第一次执行(Python)

来自分类Dev

.on更改功能是第一次而不是第二次起作用?

来自分类Dev

preventDefault第一次使用,但第二次不起作用

来自分类Dev

.NET第一次成功后进行第二次Ajax调用

来自分类Dev

浮动div的高度在第一次是零,但在第二次是可以

来自分类Dev

第一次登录无效,但第二次登录有效

来自分类Dev

查询正在第二次尝试但不是第一次尝试

来自分类Dev

视图第一次旋转,但不是第二次

Related 相关文章

  1. 1

    jQuery / Javascript提交按钮:第一次成功,第二次重新加载页面

  2. 2

    谷歌浏览器打印预览不会第一次加载页面

  3. 3

    毕加索不缓存第一次加载,但第二次没问题

  4. 4

    模态显示第一次加载为空,第二次未加载

  5. 5

    模态显示第一次加载为空,第二次未加载

  6. 6

    Java keystore加载第一次起作用,第二次抛出错误

  7. 7

    Android Google Maps在第一次打开时加载,然后在第二次打开时崩溃

  8. 8

    Android Google Maps在第一次打开时加载,然后在第二次打开时崩溃

  9. 9

    第一次点击和第二次点击之间有不同的动作?

  10. 10

    第一次和第二次之间的速度差

  11. 11

    第一次和第二次之间的速度差

  12. 12

    第二次刷新浏览器后在画布上加载svg图像

  13. 13

    NG表更改页面在第二次点击(不是第一次点击)上的操作

  14. 14

    NG表更改页面在第二次点击(不是第一次点击)上的操作

  15. 15

    我怎样才能让按键第一次执行,而第二次执行不同的操作?

  16. 16

    Centos 7中的NIO和IO性能问题(第一次和第二次读写)

  17. 17

    修改字符串的第一次和第二次出现和重置

  18. 18

    为什么此组合器的第二次执行比第一次执行快10倍?

  19. 19

    boot :: exception消息上的第一次和第二次访问冲突

  20. 20

    第一次和第二次出现在PostgreSQL中的行ID

  21. 21

    函数的第一次调用与第二次调用的性能

  22. 22

    在第二次执行时暂停函数的第一次执行(Python)

  23. 23

    .on更改功能是第一次而不是第二次起作用?

  24. 24

    preventDefault第一次使用,但第二次不起作用

  25. 25

    .NET第一次成功后进行第二次Ajax调用

  26. 26

    浮动div的高度在第一次是零,但在第二次是可以

  27. 27

    第一次登录无效,但第二次登录有效

  28. 28

    查询正在第二次尝试但不是第一次尝试

  29. 29

    视图第一次旋转,但不是第二次

热门标签

归档