草庐IT

dynamic-pages

全部标签

javascript - 如何在 SPA 应用程序中处理 "intention to open link in new page"?

嗯,在我的(react)单页应用程序中,我有很多“内部链接”。这些链接通过使用路由器存储更改url来工作。(Mobx+react)。由于html标准警告不要在没有实际href的情况下使用href,如果使用on_click事件,则应使用样式看起来像链接的按钮。这工作得很好。除了现在我希望改进使用,我希望允许消费者按下ctrl+click、鼠标中键或用户使用的深奥浏览器的任何键绑定(bind),以“在新选项卡中打开链接”。有没有办法获取浏览器点击的“意图”?-即查看用户的意图是否是在新选项卡中打开链接(按钮)?如果正常点击链接,不让用户重新加载页面?或者从另一方面来说:当点击一个相对URL

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - 在 Rails 中实现 "endless page"的最佳方式?

分页很糟糕!用户应该能够永远向下滚动,并在适当的时候自动拉入新内容。有一个decentrailscast关于这个,但Ryan承认他的解决方案在IE中不起作用。在Rails中完成此任务的最佳方法是什么(最好以jQuery友好的方式)? 最佳答案 刚试过jQuery.pageless并且运行良好。 关于javascript-在Rails中实现"endlesspage"的最佳方式?,我们在StackOverflow上找到一个类似的问题: https://stacko

javascript - Chrome 扩展 : identify web requests of background-page iframe?

我正在编写一个Chrome扩展程序,它会代表用户定期检查网页。为了不引人注目,该页面被加载到扩展程序隐藏背景页面上的iframe中。是否可以仅识别此iframe发出的网络请求?我最初的实验(见下文)似乎表明这很棘手。获取特定选项卡的所有Web请求很容易:您拥有tabId,并且可以使用该tabId过滤Web请求(通过WebRequestAPI)。但是对于后台页面iframe,不清楚“tabId等效”标识符是什么,或者如何使用它来过滤Web请求。有什么想法吗?我最初的实验细节如下。frameId值看起来很有希望,但我不认为它在扩展程序中是唯一的。此问题已针对Firefox提出:Identi

javascript - Selenium 网络驱动程序(火狐): dynamically disable Javascript

我知道我可以使用Firefox配置文件来禁用JavaScript。例如,参见Enable/disablejavascriptusingSeleniumWebDriver.但是,我有一种情况,我需要启用JavaScript才能登录页面,但我希望在登录后禁用JavaScript,这样当我执行page_source,它返回DOM,就好像JavaScript没有运行一样。关键是登录页面需要JavaScript。是否可以在SeleniumWebDriver中动态控制JavaScript的开启或关闭? 最佳答案 我建议不要动态禁用javascr

javascript - Angular 面包屑 : Including dropdown that dynamically changes breadcrumbs

我正在使用AngularBreadcrumb指令(可在此处找到:https://github.com/ncuillery/angular-breadcrumb),它使用UI-Router来制定面包屑。开箱即用,适用于简单的面包屑导航。但是,我想要做的是能够单击应用程序碎屑,显示下拉列表并允许我选择其他应用程序。选择不同的应用程序将动态更改URL。这是我目前所了解的,但不确定如何在您选择不同的应用程序时编辑displayName以更改面包屑结构。index.htmlbreadcrumbs.html{{crumb.displayName}} {{crumb.displayName

javascript - 按顺序打开 Angular 应用程序页面 - 第二个 page.open 回调不会被调用

我正在尝试依次打开2个Angular应用程序页面,以使用phantomjs获取它们的屏幕截图。第1页需要在第2页之前打开,因为它为第2页准备了一些数据。我正在使用两个嵌套的setTimeout()函数,方法如下:varpage=require('webpage').create(),t,url;phantom.addCookie({'name':'token','value':'','domain':'localhost'});t=Date.now();url="http://localhost:8000/#/page1";page.onConsoleMessage=function(

javascript - Polymer core-animated-pages 默认页面

我正在使用Polymercore-animated-pages在我的网站主页之间切换。我通过的id来选择需要显示的页面.您可以查看实际示例here.现在,我遇到的问题是在加载页面时,应该选择的页面是从url加载的,例如www.example.com/home显示主页,www.example.com/activities显示事件页面(示例中省略的代码,因为不是很相关)。但是链接提供的id不存在怎么办?是否有显示默认值的选项core-animated-pages-带有404消息的页面?或者我是否必须检查每个链接是否在我所有页面的数组中,如果是,则手动加载错误页面并显示正确的页面?同样,这里

javascript - Chrome 扩展 : Storing variables for a tab even if page changes

我正在构建一个Chrome扩展程序。我想知道即使页面发生变化,是否有一种方法可以记住选项卡的js变量。例如。如果我在example1.com上并在同一个选项卡上转到example2.com,我应该保留在example1.com上设置的变量。我不想使用Chrome存储空间。我不能使用localStorage或sessionStorage,因为chrome对不同的域有不同的存储。这可以通过哪些方式实现? 最佳答案 除了使用localStorage(通过后台页面)之外,您还可以通过从内容脚本向后台页面发送消息,将这些变量直接保存在后台页面

javascript - VueJS : input with dynamic value + v-model

在设置输入radio和v模型的值时,我遇到了VueJS问题。我不明白为什么我不能为输入动态设置值并使用模型来检索用户选择的输入。在代码中更容易理解:exportdefault{props:["question","currentQuestion"],data(){return{answer:undefined}},computed:{isCurrent(){returnthis.currentQuestion&&this.currentQuestion.id==this.question.id;}},methods:{groupName(question){return'questio