草庐IT

pushstates

全部标签

javascript - 如何在带有 pushState 的 Backbone 中使用 SEO 友好的 URL?

我有一个使用Backbone.js和Marionette的单页应用程序,目前使用片段url语法。我正在为SEO目的修改应用程序以利用pushState.虽然这将实现我的部分目标(消除哈希爆炸的需要),但我希望添加到应用程序的另一件事是更友好的url。例如,当您点击12345是产品ID的网址时,我的应用程序将显示产品:http:///product/12345我想知道是否有一种方法可以让我的应用知道该产品的更友好的url,例如:http:///product/the-name-of-my-product在内部,它会执行与点击包含产品ID的URL相同的操作。有没有一种好方法可以在这样的主干

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其中“关于”部分是默认显

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

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(

javascript - 如何在 WKWebView 中检测 history.pushstate

我使用Swift开发了混合iOS应用程序并希望在WKWebView中检测history.pushstate()。我确实覆盖了WKWebView的方法,但我无法检测到任何东西。有没有办法或技巧来检测history.pushstate() 最佳答案 这当然是一种解决方法,但如果允许您编辑内置对象的属性(就像在大多数浏览器中一样),您可以包装这两个函数并使用拦截处理程序来跟踪它们何时被调用:functiontrack(fn,handler){returnfunctioninterceptor(){handler.apply(this,ar

javascript - 使用 jQuery load() 和 pushState() 模拟帧

tl;dr总结:jQuery的load()方法调用如下:$('#foo').load('similar.html#foo')DOM结构的结果:…使用不会加倍包装器的jQuery将页面的一部分与类似页面中的等效部分换出的正确方法是什么?我想创建一个网站:在所有页面(标题、导航侧边栏、搜索框等)周围使用一致的网站“chrome”。在导航期间换出网站的“内容”(所有chrome都是持久的)。提供标准浏览的历史记录和书签体验。由于#3,我不想使用框架,还因为我希望持久性内容与动态内容重叠(注意持久性搜索结果以粉红色覆盖内容)。因此,站点中的每个页面都将具有类似于以下缩写外壳的结构:NAME……