草庐IT

Pushstate

全部标签

javascript - 在单页 pushState Web 应用程序中模拟画外音页面加载

我正在开发单页应用程序(SPA),我们正在使用HTML5模拟多页应用程序history.pushState.它在视觉上看起来不错,但在iOS画外音中表现不正确。(我假设它在任何屏幕阅读器中都不起作用,但画外音是我首先尝试的。)这是我试图实现的行为示例。下面是两个普通的网页:1.htmlThisispage1.Clickhereforpage2.2.htmlThisispage2.Clickhereforpage1.漂亮又简单。画外音是这样读的:Webpageloaded.Thisispage1.[swiperight]Clickhereforpage2.Link.[doubletap]

jquery - iOS 上的 Chrome;后退/前进不适用于 history.pushState?

我有一个使用带有片段标识符(即#Heading1)和jQuery的animate的history.pushState的网页在文档中导航的方法。这是我导航到文档中某个位置的方式:$('nava').click(function(e){e.preventDefault();varhref=$(this).attr('href');history.pushState(null,null,href);$('#address').val(location.pathname+href);$('html,body').animate({'scrollTop':$(href).offset().top

jquery - iOS 上的 Chrome;后退/前进不适用于 history.pushState?

我有一个使用带有片段标识符(即#Heading1)和jQuery的animate的history.pushState的网页在文档中导航的方法。这是我导航到文档中某个位置的方式:$('nava').click(function(e){e.preventDefault();varhref=$(this).attr('href');history.pushState(null,null,href);$('#address').val(location.pathname+href);$('html,body').animate({'scrollTop':$(href).offset().top

ios - History API 在 iOS 上损坏了吗? (位置栏不会在 pushState 上更新)

在“我不敢相信以前没有人注意到这个”或“我一定是遗漏了什么”类别下归档:看来,如果您在iOS上执行一个简单的window.history.pushState,除非响应用户手势,否则地址栏不会更新。状态本身确实被推送(正如您可以通过点击后退按钮看到的那样)。这是我能想出的最小的测试用例来重现问题:http://thelink.is/history-api-ios-bug在支持HistoryAPI的桌面浏览器上,您应该会看到地址栏中的URL每秒更改为/0、/1等。在iOS上——使用iPhone(运行iOS4.3)和iPad(运行iOS4.3.3)进行测试——位置栏不会更新,但点击后退按钮会

ios - History API 在 iOS 上损坏了吗? (位置栏不会在 pushState 上更新)

在“我不敢相信以前没有人注意到这个”或“我一定是遗漏了什么”类别下归档:看来,如果您在iOS上执行一个简单的window.history.pushState,除非响应用户手势,否则地址栏不会更新。状态本身确实被推送(正如您可以通过点击后退按钮看到的那样)。这是我能想出的最小的测试用例来重现问题:http://thelink.is/history-api-ios-bug在支持HistoryAPI的桌面浏览器上,您应该会看到地址栏中的URL每秒更改为/0、/1等。在iOS上——使用iPhone(运行iOS4.3)和iPad(运行iOS4.3.3)进行测试——位置栏不会更新,但点击后退按钮会

javascript - 使用 pushState 后浏览器中的后退按钮无法正常工作(在 Chrome 中)

我在JS响应中使用这种类型的行if(history&&history.pushState){history.pushState(null,null,'');}但是当我在浏览器中点击返回时,我看到的是响应的JS代码,而不是之前的页面。有没有办法让后退按钮工作,以便它会重新请求最后一个url的页面(在home_path之前作为pushStatedin?更新:我找到了this..似乎其他人也有同样的问题..History.js也没有修复它所以要确认那里的一些评论..这只发生在chrome我的想法我认为这一切的根源在于popstate请求了相同类型的pushstate文档(js响应)。需要做的

javascript - 使用 pushState 后浏览器中的后退按钮无法正常工作(在 Chrome 中)

我在JS响应中使用这种类型的行if(history&&history.pushState){history.pushState(null,null,'');}但是当我在浏览器中点击返回时,我看到的是响应的JS代码,而不是之前的页面。有没有办法让后退按钮工作,以便它会重新请求最后一个url的页面(在home_path之前作为pushStatedin?更新:我找到了this..似乎其他人也有同样的问题..History.js也没有修复它所以要确认那里的一些评论..这只发生在chrome我的想法我认为这一切的根源在于popstate请求了相同类型的pushstate文档(js响应)。需要做的

javascript - Facebook 如何在 AJAX 页面加载期间显示浏览器加载进度?

为了保持IM客户端始终处于登录状态,Facebook通过在将页面插入文档之前使用AJAX加载其页面来避免加载整个页面。但是,在FacebookAJAX请求期间,浏览器似乎正在加载;重新加载按钮变为X,浏览器内置的进度指示器指示加载/等待等)我已经能够成功实现基于AJAX的导航,但是我的浏览器没有显示任何加载指示(因为请求是异步的)Facebook是怎么做到的? 最佳答案 当文档中有元素正在加载时,浏览器显示加载状态。Ajax请求完全在JavaScript中发出;文档不受影响,因此不会触发加载状态。另一方面,Facebook的大部分请

javascript - Facebook 如何在 AJAX 页面加载期间显示浏览器加载进度?

为了保持IM客户端始终处于登录状态,Facebook通过在将页面插入文档之前使用AJAX加载其页面来避免加载整个页面。但是,在FacebookAJAX请求期间,浏览器似乎正在加载;重新加载按钮变为X,浏览器内置的进度指示器指示加载/等待等)我已经能够成功实现基于AJAX的导航,但是我的浏览器没有显示任何加载指示(因为请求是异步的)Facebook是怎么做到的? 最佳答案 当文档中有元素正在加载时,浏览器显示加载状态。Ajax请求完全在JavaScript中发出;文档不受影响,因此不会触发加载状态。另一方面,Facebook的大部分请

javascript - 如何检测何时使用 history.pushState 和 history.replaceState?

这个问题在这里已经有了答案:Howtogetnotifiedaboutchangesofthehistoryviahistory.pushState?(16个答案)关闭7年前。当历史状态被修改时,有没有我可以订阅的事件?怎么办?