# iFrameで詳細画面がCORSエラーになる

**URL:** <https://community.cybozu.dev/t/topic/7628>\
**Category:** kintone 開発相談\
**Created:** [2022 年 8 月 15 日午前 7:18 UTC](https://community.cybozu.dev/t/topic/7628 "2022-08-15T07:18:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1860](https://avatars.discourse-cdn.com/v4/letter/l/90ced4/32.png) [@Legacy\_Account1860](https://community.cybozu.dev/u/Legacy_Account1860)\
**Post date:** [2022 年 8 月 15 日午前 7:18 UTC](https://community.cybozu.dev/t/topic/7628/1 "2022-08-15T07:18:55Z")

</div>

**背景・実現したいこと**

iframeを使って、レコードの **詳細画面** を表示したい。  
[こちらの設定](https://jp.cybozu.help/general/ja/admin/list_externalservices/cj_protection.html)はされており、レコード一覧画面はiframe上でも正常に表示されます。

例：[https://xxxx.cybozu.com/k/xx/](https://xxxx.cybozu.com/k/xx/)

しかし、レコード詳細画面を表示しようと以下のURLにすると、ブラウザのコンソール上にCORSのエラーが表示されて、詳細画面が表示されません。  
iframe側では、xxxx.cybozu.comを表示できるように設定済みです。

一覧画面は表示されるので、設定自体はあっていると思うのですが・・。

例：[https://xxxx.cybozu.com/k/xx/show#record=x](https://xxxx.cybozu.com/k/xx/show#record=x)

**エラー情報** （開発者ツールのコンソール）

```
Uncaught DOMException: Blocked a frame with origin "https://xxxx.cybozu.com" from accessing a cross-origin frame.
  at https://xxxx.cybozu.com/k/xx/show:20:23
show.js:1303 Uncaught DOMException: Blocked a frame with origin "https://xxxx.cybozu.com" from accessing a cross-origin frame.
    at le (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:64:438)
    at ne (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:51:293)
    at new IK (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:533:426)
    at new q4 (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:978:336)
    at f.Xa (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:2129:918)
    at Ata (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:1021:377)
    at Dta (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:1021:199)
    at v5.update (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:2168:765)
    at rva (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:1093:381)
    at f7 (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:1093:205)

```

**利用したソースコード**

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2229](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@Legacy\_Account2229](https://community.cybozu.dev/u/Legacy_Account2229)\
**Post date:** [2022 年 8 月 18 日午前 7:33 UTC](https://community.cybozu.dev/t/topic/7628/2 "2022-08-18T07:33:24Z")

</div>

高橋克己さん

こんにちは。

&nbsp;

iframeに対応している画面は「レコード一覧画面」と「グラフ画面」のみというのがサイボウズ様の公式見解でしたが、実際には「ポータル画面」も開けます。

外部サイトにiframeでポータル画面を埋め込み、ポータル画面にiframeでレコード詳細画面を埋め込んだ場合は開けました（同じkintone内ですので当然ではありますが）。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1860](https://avatars.discourse-cdn.com/v4/letter/l/90ced4/32.png) [@Legacy\_Account1860](https://community.cybozu.dev/u/Legacy_Account1860)\
**Post date:** [2022 年 8 月 18 日午後 9:41 UTC](https://community.cybozu.dev/t/topic/7628/3 "2022-08-18T21:41:04Z")

</div>

ありがとうございます。

> iframeに対応している画面は「レコード一覧画面」と「グラフ画面」のみというのがサイボウズ様の公式見解

なるほど。そうなんですね。  
ありがとうございます。

ポータルを使うという方法についても検討してみます！

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 9 月 3 日午前 6:13 UTC](https://community.cybozu.dev/t/topic/7628/4 "2024-09-03T06:13:32Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。