草庐IT

single-page-application

全部标签

javascript - 通过 AJAX 加载 SPA 网页

我试图通过插入URL使用JavaScript获取整个网页。但是,该网站构建为使用JavaScript/backbone.js的单页应用程序(SPA)在呈现初始响应后动态加载大部分内容。例如,当我路由到以下地址时:https://connect.garmin.com/modern/activity/1915361012然后将其输入控制台(在页面加载后):var$page=$("html")console.log("%c✔:","color:green;",$page.find(".inline-edit-target.page-title-overflow").text().trim()

javascript - Durandal 2.0 router 你能把#换成#吗!用于 ajax 网络爬虫目的?

是否可以替换Durandal2.0中的默认路由器行为以替换默认路由,例如:'mysite.com/#/myroute'为'mysite.com/#!/myroute'原因是为了为了让googlespider检测到该页面是ajax可爬网的,我需要在url中插入一个hashbang而不仅仅是一个hashtag。任何帮助将不胜感激。谢谢! 最佳答案 据我所知,在Durandal2.0中你无法做到这一点。router和history插件不支持这个,而且这不是一个简单的修复,因为代码中有一些地方依赖于#.但是,我认为这在您的场景中不是问题。也

javascript - Chrome 扩展上下文菜单 : how to append div to page after clicking menu item

尝试构建Chrome扩展程序。目前,我已经整理了一个上下文菜单项。单击上下文菜单项时,它会在我的后台脚本context_menu.js中触发itemClicked():functionitemClicked(info,tab){alert("clicked");}警报触发。我还可以做一些事情,比如通过itemClicked()发送ajax请求但是,我无法将任何元素附加到页面(或任何类型的DOM操作)。即使像这样基本的东西也不起作用:vard=document.createElement('div');d.setAttribute("css","width:100px;height:10

javascript - node_modules 文件夹上的 Github Pages 404

我正在尝试使用GitHub页面使用JavaScript在发布者-订阅者模块上呈现我的GitHub存储库。gh-pages分支看起来不错。但是,mustache代码不会呈现在我在GitHubPages上的项目中。它看起来像这样:GitHub存储库:https://github.com/ajhalthor/pubsub-application此项目的Github页面repo:https://ajhalthor.github.io/pubsub-application/GitHub存储库也有node_modules文件夹,所以它应该是自给自足的。Mustache、jQuery和Bootstr

javascript - "JavaScript placed at the end of the document so the pages load faster"是吗?

这个问题在这里已经有了答案:关闭9年前。PossibleDuplicate:Javascriptonthebottomofthepage?我在一些推特Bootstrap示例中看到了一条评论。它说JavaScriptplacedattheendofthedocumentsothepagesloadfaster这是真的吗??如果是,那么它是如何工作的??

javascript - Protractor 和 Angular : How to test two pages in an app, 一个接一个?

我想在我的Angular应用程序的两个单独页面上运行Protractor测试:/dashboard和/articles。复杂的是我必须手动登录应用程序。目前我有这个设置:varLoginPage=function(){ptor=protractor.getInstance();this.login=function(url){ptor.get(url);ptor.findElement(protractor.By.model('email')).sendKeys(config.LOGIN_EMAIL);ptor.findElement(protractor.By.model('pass

javascript - 为什么 IE8 无法识别脚本标签中的类型 ="application/javascript"?

我开发了一个使用jQuery和Ajax的HTML页面。我的中有以下几行标签:functionsomeFunction(){somecode;}...later-downinthebodytag:clickhere它在FF和Chrome中运行良好,但在我单击链接后立即在IE8中抛出“预期对象”。即使启用了脚本调试器,它也不会到达函数的第一行。我尝试切换到IE7模式或IE8兼容模式-但无济于事。我很幸运,通过谷歌发现了一个问题,有人建议更改type在标记为"text/javascript"现在它适用于所有3种浏览器。我的问题是:我做错了什么?是"text/javascript"优于"app

javascript - Angular.js 中的搜索过滤器,

我是这个框架的新手,因此练习Angularjs并遵循网站上提供的教程。有一个例子,我们可以搜索表中的数据,例子如下,SmartphoneAngularvarsmartPhoneApp=angular.module("SmartPhoneApp",[]);smartPhoneApp.controller("phoneCtrl",function($scope){$scope.phones=[{"modelName":"LUMIA520","companyName":"NOKIA"},{"modelName":"GALAXYSSeries","companyName":"SAMSUNG"}

javascript - 卡斯珀JS : Why does my url change to about:blank when my page is loaded?

我是PhantomJS/CasperJS的初学者。我只想启动一个session并验证它是否正常。这是我的代码:varcasper=require('casper').create({verbose:true,logLevel:'debug',pageSettings:{loadImages:false,loadPlugins:false,userAgent:'Mozilla/5.0(WindowsNT10.0;WOW64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/39.0.2171.71Safari/537.36Edge/12.0'}});ca

javascript - History API 在现代浏览器中是否一致?

历史API现在是supportedineverypopularbrowser.似乎不需要哈希回退、_escaped_fragment_技巧或otherworkarounds了。2013年的酷库,例如History.js现在看来没用。但有些事情我不确定-例如titlehandlingseemstricky因为显然pushState中的title参数没有做任何事情。我的问题是,我真的可以依靠HistoryAPI来跨浏览器保持一致的行为,还是我仍然需要一些特定于浏览器的代码?这也意味着:我需要在不同的浏览器中运行集成测试来测试我的代码吗?如果存在不一致,那是什么?(请注意,我只对现代浏览器感