草庐IT

Pushstate

全部标签

HTML5 pushstate 和 SEO 链接

我尝试在我的网站上实现推送状态历史记录,以便从index.php容器中的single.php页面加载内容。我的网站有两个主页面:index.php和single.php。在index.php上有调用pushstate脚本的链接:Post12Post11在我的single.php页面上,我使用issetget方法动态加载对应于index.php上点击链接的内容:在我的.htaccess文件中,我重写了url链接(这是index.php链接被清除的原因):Options+FollowSymLinksRewriteEngineonRewriteRule/([a-zA-Z0-9\-]+)$/i

php - history.pushState 导航 - 元标签怎么样 - 单独的模板?

我一直在构建一个无需重新加载(使用PHP和AJAX)的基于jquery导航的站点,并且最近遇到了页面“后退”、“前进”和“重新加载”功能以及SEO友好性的问题。--跳过这部分直接进入问题--mysite目前(不使用AJAX,但)加载一个index.php,它有几个“内容”div,其中一个是可见的(class="active"),而其他的则不显示。当用户单击导航链接时,一个漂亮的动画会在内容div之间切换。我重写了apache来映射类似的东西http://mysite.com/about到http://mysite.com/index.php?page=about其中“关于”部分是默认显

javascript - KnockoutJS SEO 友好吗

我的问题很简单:KnockoutJSSEO友好吗?我有一个网站并大量使用Knockout数据模板,但我怀疑Google爬虫是否会发现我的网站,因为该页面是一大堆模板,不存在真正的HTML标记。我怎么能改善这个?使用RSS? 最佳答案 查看这篇文章:http://lostechies.com/derickbailey/2011/09/26/seo-and-accessibility-with-html5-pushstate-part-1-introducing-pushstate/简而言之,使用html5pushstate,您可以轻松

backbone.js - 使用 Backbone.js pushstate 进行 seo/书签时,在服务器上重用主干 View /路由

我正在对单页应用的主干进行一些尽职调查,想知道是否可以在服务器端从客户端重新使用相同的View/路由,以便当谷歌访问pushstateURL时,或者它是直接访问的,服务器可以生成与客户端Backbone生成的完全相同的HTML。如果必须维护两组独立的View/路由,一组在客户端上,一组在服务器上,那将是一件痛苦的事情。我在github上看到了backnode项目,但这似乎有点忽略了要点,你最终不得不两次编写相同的主干路由器。只是想知道人们通常如何处理在主干中使用pushstateurl并需要从服务器提供相同View的情况?人们是在复制代码还是有更好的方法?

angularjs - 如何使用 Angular pushstate URL 抛出真正的 404 或 301

我正在使用$routeProvider和$locationProvider来处理单页应用程序(SPA)中的pushstateURLS,如下所示:angular.module('pets',[]).config(function($routeProvider,$locationProvider){$locationProvider.html5Mode(true);$routeProvider.when('/pet/:petId',{controller:'petController'});}).controller('petController',function($scope,petS

knockout.js - 如何提高单页应用的SEO

我们已经建立了一个职位空缺搜索引擎。出于速度和良好用户体验的原因,我们使用了“单页应用程序”(SPA)的架构。我们知道对于SPA架构来说,启用SEO是一项挑战,因此我们做了很多优化来启用SEO。尽管Google正在为我们的网页编制索引,但我们在Google中的排名很差,我们正在寻求改进建议。我们关注了Google’srecommendations,但不满意。SPA不能被Google-bot直接索引,因为Googlebot不会执行客户端javascript。如果没有javascript,我们的站点几乎不包含任何内容,因为数据是以json格式异步读取的,并且大部分HTML是在客户端呈现的。

php - pjax 提交表单 URL 重定向

PJAX的文档指出Github在submittingaGistform中使用$.pjax.submit().Github很好地实现了ajax表单提交的一个理想特性,即URL从表单的action重定向到一个新创建的URL(在本例中,该URL包含新创建的服务器端创建的gistID)。例如,从此:https://gist.github.com/gists//formaction为此:https://gist.github.com/tim-peterson/5019589//assumethisIDisgeneratedserverside我已经在我的网站上以类似的方式工作(即,页面本身重定向

javascript - 系统跟踪错误。未捕获的安全错误 : Failed to execute 'pushState' on 'History'

我正在尝试打开由systrace生成的HTML文件。当我点击一个block时,我曾经获取选定的切片信息,如“持续时间”、“总时间”等。但是最新版本的chrome无法正常工作。尝试了最新的chrome(ver.45)、chromebeta(ver.46)和chromeDev(ver.47)版本,我发现所有版本都存在同样的问题。我看到当我点击切片时,它没有显示细节,而是抛出错误说明UncaughtSecurityError:Failedtoexecute'pushState'on'History':AhistorystateobjectwithURL'file:///C:/Users/ss

javascript - Android 4.0 中的 pushState

当我使用JSConsole并键入window.history时,它不包含任何pushState方法。那么发生了什么事?Android4.0是否在默认浏览器中删除了它,或者我该如何使用它? 最佳答案 是的,这是一个回归错误,但他们似乎对修复它不太感兴趣:http://code.google.com/p/android/issues/detail?id=23979投票给它。由于大多数制造商通常以一种或另一种方式自定义浏览器,因此他们可能会自行实现。然而,我从来没有遇到过任何完全支持历史api的ICS电话。不能说我一直在寻找。编辑:据称它

window History的pushState和replaceState方法

一、history.pushState(state,title[,url])向当前浏览器会话的历史堆栈中添加一个状态。参数:state状态对象是一个JavaScript对象,它与pushState()创建的新历史记录条目相关联。每当用户导航到新状态时,都会触发popstate(en-US)事件,并且该事件的状态属性包含历史记录条目的状态对象的副本。状态对象可以是任何可以序列化的对象。因为Firefox将状态对象保存到用户的磁盘上,以便用户重新启动浏览器后可以将其还原,所以我们对状态对象的序列化表示施加了640k个字符的大小限制。如果将序列化表示形式大于此状态的状态对象传递给pushState(