Articles of iframe

节点JS获取来自url的所有iframe

我有一个静态网页,我不能改变,我需要得到在这个页面上的所有iframe。 内联框架没有标识或名称。 他们看起来像这样 <iframe height="584" width="630" src="someurl" scrolling="auto" noresize="" frameborder="0"></iframe> 因此,我可以通过模块请求获取“主页面”内容,但是我不知道如何循环查找所有iframe元素及其源代码! 希望你能帮忙, dunklesToast

从<iframe>或<object>中获取variables的值

在我的全局html模板中,我embedded了一个iframe ,它可以实时预览{{src}} (例如, src可以是public/tmp/bDCZ5rynnpLaYNEuAAAj/index.html )。 <iframe id="myiframe" ng-src="{{src}}"></iframe> index.html是由我的服务器写的文件; 我有代码的控制,我可以修改它。 index.html包含JavaScript代码,它被devise为始终有一个内部variables$output 。 我的问题是,如何从iframe获取$output的值,并让全局html页面知道这个值。 有谁知道如何做到这一点? 编辑1:我也打开解决scheme,其中index.html可以将值发送到服务器或创build一个文件的值,只要全局模板可以得到它。 此外,正如我在评论中提到的, iframe的目的是实时预览文件的文件夹,还有其他的方式 (例如,使用<object> ),有谁知道哪种方式可以让我得到一个内部值出来吗? 编辑2:我做了一个与iframe和一个运动员与对象的运动员 。 $output由indexOutput.html中的<script>var $output="Default"</script> 定义 。 我的目标是获得这个价值。 编辑3:我只是意识到@Roybuild议在他的答案作品window.parent._resetter 。 但有一点是, _resetter函数必须在html页面的脚本中定义。 有谁知道如何将这个值传递给我的控制器 ? 这里是一个笨蛋 ,还有一个有$ window的笨蛋 。

无法使用Cheerio获取iframe

您好,我正在试图从wathfree.to获得一个iframe。 这是我用于这个目的的代码: function getSecondBody(url2) { url2 = 'http://www.watchfree.to/watch-366-Forrest-Gump-movie-online-free-putlocker.html'; request(url2, function(err, resp, body) { var $ = cheerio.load(body); var embedcode = $('.links_left_container'); embedcodetext2 = embedcode.html(); console.log(embedcodetext2); return embedcodetext2; }); } 但返回的响应不包含我需要的iframe。 这是我收到的回应: 而实际的页面如下所示: 我的回复中只有iframe部分丢失。

为什么使用ReactTestUtils将iframe渲染成jsdom不提供contentWindow?

我试图testing一个呈现iframe的React组件,并直接向该iframe注入标记。 (我不想在iframe中加载一个URL。) 该组件实际上在浏览器中运行得非常好,但是迄今为止对其进行testing似乎是不可能的。 我不知道为什么。 这是一个缩短的testing用例,certificate失败。 // Set up DOM var jsdom = require( 'jsdom' ).jsdom; global.document = jsdom( '' ); global.window = document.defaultView; global.navigator = document.defaultView.navigator; // Prepare React var ReactTestUtils = require( 'react-addons-test-utils' ); var React = require( 'react' ); var Frame = React.createClass( { componentDidMount() { console.log( 'iframe loaded. adding content' ); const […]

使用带有Reactjs的YouTubes JS API呈现iFramevideo

我试过四处寻找例子,但我所有的是youtube-react npm包,我不想要,因为我想要做,并自己学习。 我的问题是在这里的文档: https : //developers.google.com/youtube/iframe_api_reference它告诉我提供一个锚标签为谷歌添加iFrame根据你传递它。 然而,我已经在服务器端做出反应,并使用web-pack将其编译到客户端,我的反应组件到目前为止如下所示: import React from 'react'; import { Link } from 'react-router' import classnames from 'classnames' const videoId = 'XxVg_s8xAms'; export default React.createClass({ getInitialState: function() { return { YTid: videoId, } }, render() { return ( <section className="youtubeComponent-wrapper"> <div id="youtubePlayerAnchor"></div> </section> ) } }) 我已经尝试从开发人员的文档添加到客户端的script标记中的代码,但没有任何事情在控制台没有任何事情发生。 有没有任何资源,或任何人都可以指出我正确的方向,我将如何去处理这个问题。 谢谢!

服务器可以检查请求是否来自iframe(Node.js)?

我希望我的服务器能够检查来自iframe的请求 如果请求来自iframe,我希望我的服务器能够find该iframe的父域的域名 是否有上述可能,如果是的话,我怎么能在Node.js / Express.js服务器中实现这样的检查? 预先感谢您的任何帮助

获取variables从configuration文件到浏览器

我有一个相当复杂的设置,它要求networking浏览器本地存储具有计算机的名称填充,以使应用程序正常工作。 为了做到这一点,我从configuration文件中读取: kiosk-name: Mort 我启动我的node.js Web服务器时读取configuration文件: var filesys = require('fs'); var os = require('os'); filesys.readFile(project_path + '/kiosk.cfg', 'utf8', function(err, data) { var kioskname; if (err) { //console.log(err); kioskname = os.hostname(); } else { var configArray = data.split(':'); if('' != configArray[1]) { kioskname = configArray[1]; } else { kioskname = os.hostname(); } } }); 所有这些按照devise工作,当configuration文件未被填充时,使用计算机的os.hostname()作为默认值。 客户端具有一个基本页面(index.html),它将一个默认页面(default.html)加载到一个iframe […]

无法使用phantomJS获取iframe的元素

我正在寻找一种方法来控制文档中的元素。 问题是,该文件被附加到一个iFrame。 这是一个例子: .goto('https://wirecard-sandbox-engine.thesolution.com/engine/hpp/') .use(iframe.withFrameName('wc', function (nightmare) { nightmare .type('#account_number', accountNumber) .screenshot(resultfolder + '\\06-Card-Number.png') .type('#card_security_code', testData.securityCode) .selectIndex('#expiration_month_list', 1) .selectIndex('#expiration_year_list', 4) .click('span[id="hpp-form-submit"]') })) 我在上面要做的是: 获取与url的iFrame。 使用这个来获得对iFrame中每个元素的控制。

通过Node.JS修改IFRAME上的X-Frame选项?

是否有可能修改Node.JS应用程序中的IFRAME的响应头? 你必须先创build一个代理? (类似于这个? http://www.bennadel.com/blog/2179-Extending-EventEmitter-In-Order-To-Create-A-Response-Proxy-In-Node-js.htm ) 我基本上希望能够在IFRAME中显示Gmail的移动版本。

尝试呈现i帧:祖先违反了以下内容安全策略指令:“frame-ancestors'none'”

我想呈现一个iframe的来源是Github像这样: <iframe src="https://gist.github.com/user45445/9bf8d568e3350146ba302d7d67ad576f"> </iframe> 这是我在控制台中得到的错误: Refused to display 'https://gist.github.com/fresh5447/9bf8d568e3350146ba302d7d67ad576f' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'none'". 我正在研究如何在我的Node服务器中指定我的Content Security Policy ,指定它应该接受来自github任何iframe 所以我安装了csp-helmet,并将其添加到我的服务器代码中: var csp = require('helmet-csp') app.use(csp({ // Specify directives as normal. directives: { frameAncestors: ['*.github.com'], //I thought these two did the same, so I tried them both. […]