主页 / 问题

问题[iframe]

Martin Hope
pasha vibe
Asked: 2022-07-06 16:04:27 +0000 UTC
  • 0

大家好，这样一个问题：Angular，有一个组件（模态）——一张信用卡。有一个启动库的服务（支付系统，接收道具，生成令牌，与 api 建立连接，在 iframe 中生成 html 页面）。带有付款确认和 OTP 密钥的响应来自一个 iframe，它是一个单独的模式。此模式在用户在浏览器中执行某些操作之前不会启动，付款后也是如此 - 窗口应该自动关闭，但在用户移动之前，一切都保持静止。模态 iframe.html

<iframe name="authentication-3ds-frame" id="xendit-three-ds-container"style="width: 100%; height: 370px;" ></iframe>

模态 iframe.ts

export class Authentication3DSComponent {
    @Input() modalData: any;
    globalEventsSubscription;

    constructor(
      private eventService: EventService, private modal: Modal) {
        this.globalEventsSubscription = this.eventService.emitter.subscribe(
            (event) => {
                this.handleGlobalEvents(event);
            }
        );
    }

    ngOnInit() {
        let payer_authentication_url = this.modalData.payer_authentication_url;
        window.open(payer_authentication_url, "authentication-3ds-frame");
    }

    ngOnDestroy() {
        this.globalEventsSubscription.unsubscribe();
    }

    handleGlobalEvents(event) {
        if (event.type === 'payment-service:xendit-token-status-verified') {
            this.close();
        }
    }

    close() {
        this.modal.close({
            id: "Authentication3DS"
        })
    }
}
angular iframe
Martin Hope
Олег Сухих
Asked: 2020-11-02 08:29:27 +0000 UTC
  • 1

我开始页面：

<html>
<head>
<title>Frames</title>
<link rel="shortcut icon" href="">
</head>
<body>
	<p>Два фрейма</p>
	<iframe src="a.html" name="A"></iframe>
	<iframe src="b.html" name="B"></iframe>
</body>
</html>

它分别有两个框架。

框架“A”：

<html>
<head>
<title>A Frame</title>
</head>
<body>
	<p>Фрейм A</p>
	<a href='#1'>f2</a>
	<script>
		var f2 = parent.B.f;
		var aTag = document.getElementsByTagName('a');
		aTag[0].addEventListener('click', f2, false);
	</script>
</body>
</html>

和框架“B”：

<html>
<head>
<title>B Frame</title>
</head>
<body>
	<p>Фрейм B</p>
	<a href='#2'>f</a>
	<p id='res'></p>
	<script>
		var x = 10;
		var y = 11;
		var xy = 0;
		var resHtml = document.getElementById('res');
		function f(){
			resHtml.innerHTML = xy;
			xy = x + y;
			x++;
			y++;
			return xy;
		}
		var aTag = document.getElementsByTagName('a');
		aTag[0].addEventListener('click', f, false);	
	</script>
</body>
</html>

理论上，当您单击位于框架“A”中的链接时，

<a href='#1'>f2</a>

单击事件应触发并运行“B”框架中的功能。然而，这个事件并不是每次都会触发。重新加载页面可能有效也可能无效。

“B”框架上的点击事件是稳定的。

谁遇到过类似的问题？为什么事件会触发“一次”？

iframe
Martin Hope
gooseim
Asked: 2020-08-24 18:01:29 +0000 UTC
  • 1

我怎样才能得到框架的源代码，因为它使用的是 chrome 扩展，而脚本稍后不会修改它？试过这样的：

    chrome.webNavigation.onDOMContentLoaded.addListener(d => {
            chrome.tabs.executeScript(d.tabId, { code: `
                if(window.top != window.self)
                    chrome.runtime.sendMessage(chrome.runtime.id, { message: 'html', data: document.documentElement.outerHTML } );
                `, frameId: d.frameId });
    });

不起作用（都一样，脚本有时间修改）。你不能用 Ajax 做到这一点，因为相同的 url 可以有不同的内容（动态框架）。

iframe