草庐IT

single-page-application

全部标签

Javascript 警报 - 删除 "The page at ??? Says"

我有一个表单,我正在使用Javascript来验证表单,因此如果您将字段留空,它会提示“请填写您的姓名”。如果我直接转到链接,它会完美运行。但这有点像Widget,所以我使用iFrame将它嵌入到其他站点中。当我嵌入它并单击带有空白字段的提交时,它显示:页面位于http://www.example.com说:请填写您的姓名有没有办法摆脱它? 最佳答案 不,没有。这是一种反网络钓鱼功能。如果你想要一个没有它的对话框,那么你必须在你的页面中使用HTML元素来伪造它。 关于Javascript

javascript - 涡轮链接 5 : Add external javascript file from other site in a specific page

我正在使用turbolinks5beta1对于某些特定页面,我想加载一个外部javascript文件。在我的示例中,我有一个联系人页面,我想在其中通过加载googlemapsapi来显示map。它不应在访问根页面时加载,但稍后会在单击联系人页面的链接后被包含。Yieldingajavascriptscripttag在Turbolinks2中工作。但似乎不再工作了。有可能检查javascript是否已经加载,如果需要则异步加载它。像这样:loadScript=(src,callback)->script=document.createElement("script")script.typ

javascript - 即使在异步加载资源后,Google Page Speed 仍然会出现渲染阻塞问题

GooglePageSpeedInsights"Trytodeferorasynchronouslyloadblockingresources,orinlinethecriticalportionsofthoseresourcesdirectlyintheHTML."上述问题提示我需要2个样式表。因此,我使用以下代码加载样式表以延迟样式表的加载。window.onload=loadResource;functionloadResource(){css_array=[resource1,resource2];css_init(css_array);}functioncss_init(hr

javascript - Angular 2 : how to "reload" page with router (recheck canActivate)?

我的路由器带有canActivate:[AuthGuard]并在AuthGuard中进行验证如何在相同的路由器url中强制检查canActivate?例如:当前路由是/admin并且我有类似sessionexpired的事件。我在AuthGuard中进行了session检查,但此检查仅在我执行.navigate(...)时激活。如何在同一位置强制运行canActivate?我已经尝试过:this.router.navigate([this.router.url]);但是Angular检查相同的位置并且什么也不做。附注当我收到sessionexpiredevent时,我可以定位到“登录页

javascript - application/json-p text/json-p 已经可以实现了吗?

我读过http://www.json-p.org/它声明了一个更安全、更严格的JSON-P子集。ThemostcriticalpieceofthisproposalisthatbrowservendorsmustbegintoenforcethisruleforscripttagsthatarereceivingJSON-Pcontent,andthrowerrors(oratleaststopprocessing)onanynon-conformingJSON-Pcontent.我的问题是JSON-P的子集是否已经可以实现? 最佳答案

javascript - 在 SPA 中下载文件

如何在不触发重新加载的情况下在单页应用程序中设置文件下载?我遇到过这样的情况,在服务器端生成了一个PDF文件,需要给客户端下载。将其作为应用程序/八位字节流发送在SPA中没有任何用处,因为filescan'tbesentoverAJAX.我想到的最好办法是将生成的文件保存在服务器上的一个临时文件夹中,将文件的URL发送到客户端并执行window.open(url)。问题是不同的浏览器打开文件的方式不同。例如,Firefox默认情况下会在同一个选项卡中打开PDF,使用它们的PDF.js,破坏了整个SPA的想法。但是执行window.open(url,'_blank')通常会触发弹出窗口拦

javascript - 错误 : Resource interpreted as Document but transferred with MIME type application/pdf

我正在从我的服务器向客户端发送PDF流,然后在中显示该PDF客户端中的标记。这是我的代码:server.jsrouter.get('/pdf',function*(){varstream=getMyFileStream();this.set('Content-Type','application/pdf');this.response.body=stream;});client.jsvarobjectElement=document.querySelector('object');fetch('/pdf',request).then(res=>res.blob()).then(blob

javascript - Chrome 扩展 : Replace HTML before loading the page

我有一个关于如何使用Chrome扩展程序更改网页的问题。阅读一些信息后,我认为问题是如何操作DOM。假设我用Chrome打开www.stackoverflow并想替换以下代码行:并将其替换为:我的问题不是这样做是否明智,而是如何去做? 最佳答案 尝试修改list文件的run_at字符串。在“document_start”的情况下,文件在来自css的任何文件之后注入(inject),但在构建任何其他DOM或运行任何其他脚本之前。https://developer.chrome.com/docs/extensions/mv2/conte

javascript - 如何在单页(Web)应用程序上进行 "end-client"性能测试?

我们正在评估如何在single-pageapplication(SPA)上测试性能这在很大程度上依赖于JavaScript和动态内容(通过Ajax更新)。流行的负载测试工具,如ApacheJMeter或Gatling能够通过发送HTTP请求用很少的硬件产生巨大的负载。但它们不处理任何Javascript代码。我们想衡量客户端感知的性能,即坐在浏览器前的最终用户感知的性能(包括所有渲染和JavaScript开销)。我们考虑了以下备选方案:使用SeleniumGrid在多台机器上同时运行测试脚本。每个实例都将在运行时收集的延迟数据提交到中央存储库。与上面类似,只是只启动了一个Seleniu

javascript - OAuthException "(#210) Subject must be a page."错误

我不断收到OAuthException(#210)Subjectmustbeapage.错误,即使我使用的是页面访问token而不是应用程序访问token。我正在使用以下内容:来自facebook的最新JavaScriptSDK(//connect.facebook.net/en_US/all.js)在用户登录后使用FB.api方法调用/{PAGE_ID}/tabs?app_id={APP_ID}&method=POST&access_token={PAGE_ACCESS_TOKEN}。我的应用程序不是FBML,而是一个Canvas/iFrame应用程序。我做错了什么?我已经研究了网络