在Chrome后退按钮中断页 [英] Back button breaks page in Chrome
本文介绍了在Chrome后退按钮中断页的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个CakePHP的管理与它的主题。
I have a cakePHP admin with theme on it.
当我浏览，然后preSS浏览器后退按钮在Chrome中的分页符，看起来像：
When I navigate and then press the browser back button in Chrome, the page breaks and looks like that:
和是HTML的前几行如下：
and the first few lines of HTML are as follows:
<header>
<section class="container_12">
<div class="upper clearfix">
有没有定义的HTML，没有头关闭标签，没有定义的CSS ...
There is no HTML defined, no header closing tag, no css defined...
当我点击刷新，页面加载正常：
When I hit refresh, the page loads normally:
和HTML包括＆LT;！DOCTYPE HTML方式＆gt; ，标题，所有的meta标签等
And the HTML includes the <!doctype html>, the header, all the meta tags and so on.
这是什么问题？
<!doctype html>
<!--[if IEMobile 7]><html class="no-js iem7 oldie"><![endif]-->
<!--[if lt IE 7]><html class="no-js ie6 oldie" lang="en"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js ie7 oldie" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js ie8 oldie" lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>johns | Admin</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/backend/css/style.css" /> <link rel="stylesheet" type="text/css" href="/backend/css/colors/color4/color.css" /> <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="/backend/css/grid.css" /> <link rel="stylesheet" type="text/css" href="/backend/css/fixed.css" />
<link rel="stylesheet" type="text/css" href="/backend/css/print.css" media="print" />
<!--[if (lt IE 9) & (!IEMobile)]>
<script type="text/javascript" src="/backend/js/libs/selectivizr-min.js"></script> <![endif]-->
<script type="text/javascript" src="/backend/js/libs/modernizr-2.0.6.min.js"></script>
<meta http-equiv="cleartype" content="on">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="/backend/js/plugins/jquery.ui.spinner.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="/backend/js/plugins/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.mousewheel.min.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.collapsible.min.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.cookie.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.tipsy.js"></script> <script type="text/javascript" src="/backend/js/plugins/autoresize.jquery.min.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.autotab-1.1b.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.uniform.min.js"></script> <script type="text/javascript" src="/backend/js/plugins/ui.multiselect.js"></script> <script type="text/javascript" src="/backend/js/plugins/fullcalendar/fullcalendar.min.js"></script> <script type="text/javascript" src="/backend/js/plugins/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.jBreadCrumb.1.1.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.dataTables.js"></script>
<!--[if lte IE 8]>
<script type="text/javascript" src="/backend/js/plugins/excanvas.js"></script> </script><![endif]-->
<script type="text/javascript" src="/backend/js/plugins/jquery.flot.js"></script> <script type="text/javascript" src="/backend/js/plugins/jquery.flot.pie.min.js"></script> <script type="text/javascript" src="/backend/js/plugins/jflot.scripts.js"></script>
<script type="text/javascript" src="/backend/js/plugins/validation/languages/jquery.validationEngine-en.js"></script> <script type="text/javascript" src="/backend/js/plugins/validation/jquery.validationEngine.js"></script>
<script type="text/javascript" src="/backend/blueimp/tmpl.min.js"></script> <script type="text/javascript" src="/backend/blueimp/load-image.min.js"></script> <script type="text/javascript" src="/backend/blueimp/jquery.iframe-transport.js"></script> <script type="text/javascript" src="/backend/blueimp/jquery.fileupload.js"></script> <script type="text/javascript" src="/backend/blueimp/jquery.fileupload-ui.js"></script> <script type="text/javascript" src="/backend/blueimp/application.js"></script> <script type="text/javascript" src="/backend/blueimp/jquery.xdr-transport.js"></script>
<script type="text/javascript" src="/backend/js/plugins/jquery.wysiwyg.js"></script> <script type="text/javascript" src="/backend/js/plugins/controls/wysiwyg.table.js"></script> <script type="text/javascript" src="/backend/js/plugins/controls/wysiwyg.image.js"></script> <script type="text/javascript" src="/backend/js/plugins/controls/wysiwyg.link.js"></script> <script type="text/javascript" src="/backend/js/plugins/controls/wysiwyg.cssWrap.js"></script>
<script type="text/javascript" src="/backend/js/plugins/hoverIntent.js"></script> <script type="text/javascript" src="/backend/js/plugins/superfish.js"></script> <script type="text/javascript" src="/backend/js/plugins.js"></script> <script type="text/javascript" src="/backend/js/script.js"></script> <script type="text/javascript" src="/backend/js/mylibs/helper.js"></script>
<!--[if (lt IE 9) & (!IEMobile)]>
<script type="text/javascript" src="/backend/js/libs/imgsizer.js"></script> <![endif]-->
<script type="text/javascript" src="js/init.js"></script>
<script>
MBP.scaleFix();
</script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; // Change UA-XXXXX-X to be your site's ID
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]-->
</head>
<body class="clearfix">
<header class="mobile">
<section class="container_12">
<div class="upper clearfix">
<a href="/backend/" class="logo mt20"><img src="/backend/img/johns_logo.png" title="Dashboard" alt="" /></a> <div class="clear"> </div>
<div class="r usermenu">
<ul class="sf_menu clearfix">
<li>
<div class="sf-with-ul" style="width:160px;">
kjhgfd
注销
kjhgfd
-
Log out
<nav class="mainnav l">
<ul id="mainnav" class="sf_menu clearfix">
<li><a href="/backend/events"><img src="/backend/img/icons/helloadmin/dashboard.png" alt="Sessions" /><span>Sessions</span></a> <ul>
<li class="last"><a href="/backend/events/add">Add</a></li>
<li class="last"><a href="/backend/events">View</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</section>
</header>
<script>
$(function() {
$( "#datepicker" ).datepicker({dateFormat: 'yy-mm-dd'});
});
</script>
<div id="main" class="container_12 clearfix" role="main">
<div class="box twothirds">
<div class="boxheading clearfix"><h3><img src="/backend/img/icons/fatcow-hosting-icons/32x32/page_copy.png" title="Schools" alt="" />Sessions</h3><a class="move"></a></div>
<section>
<table class="display" id="tabled">
<thead>
<tr>
<th>Name</th>
<th>Starts</th>
<th>Track</th>
<th class="tview" style="padding-left:10px;">View</th>
<th class="tedit">Edit</th>
<th class="tdelete">Delete</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Something</strong> </td>
<td style="padding-left:10px;">8:00 am </td>
<td style="padding-left:10px;">MC </td>
<td style="padding-left:15px;"><a href="/backend/events/view/1"><img src="/backend/authake/img/icons/information.png" title="View" alt="" /></a></td>
<td><a href="/backend/events/edit/1"><img src="/backend/authake/img/icons/pencil.png" title="Edit" alt="" /></a></td>
<td><a href="/backend/events/delete/1" onclick="return confirm('Are you sure you want to delete this item?');"><img src="/backend/authake/img/icons/cross.png" title="Delete" alt="" /></a></td>
</tr>
</tbody>
</table>
<div class="clear"> </div>
</section>
</div>
<div class="box onethird menu">
<div class="boxheading clearfix"><h3><img src="/backend/img/icons/fatcow-hosting-icons/32x32/setting_tools.png" title="Actions" alt="" />Actions</h3><a class="move"></a></div>
<ul class="clearfix">
<li class="last"><a href="/backend/events/add"><img src="/backend/img/icons/add.png" title="Add" alt="" />Add</a></li>
</ul>
</div>
<div class="box onethird">
<div class="boxheading clearfix"><h3><img src="/backend/img/icons/fatcow-hosting-icons/32x32/alarm_bell.png" title="Notifications" alt="" />Notifications</h3><a class="move"></a></div>
<section class="clearfix">
<div class="login_notification_container"></div>
<div class="clear"> </div>
</section>
</div>
</div>
<footer role="contentinfo" class="clearfix">
<section class="container_12">
<div class="lower clearfix">
<a href="#" id="top" class="top">top</a>
</div>
<div class="smallest">
<div class="l">
<span class="footer_copyright">© Copyright 2012 johns</span>
</div>
<div class="r">
<span class="footer_copyright">© Copyright 2012 johns</span>
</div>
</div>
</section>
</footer>
</body>
推荐答案
任何AJAX发生在这里？听上去好象什么事捕获有关的后退按钮AJAX调用，然后以某种方式搞乱它。如果你回去两次，会发生什么？
Any AJAX happening here? Sounds like something is "capturing" the back button in relation to an AJAX call and then somehow messing it up. What happens if you go back twice?
这篇关于在Chrome后退按钮中断页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
