webサイト、ホームページのアプリ化

###前提・実現したいこと
お世話になります。takayuki2020と申します。
今回、私はwebページやホームページをアプリにしたいと考えています。

###発生している問題・エラーメッセージ
iframeにURLのsrcを記入しても反応がありません。
###該当のソースコード

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="css/style.css"> <script> </script> </head> <body> ``` <iframe src="http://www.yahoo.co.jp/" seamless></iframe> ``` </body> </html>

###試したこと
scriptにidを記入、viewportの記入。

###補足情報(言語/FW/ツール等のバージョンなど)
特にありません。よろしくお願い申し上げます。

kei344

2017/01/21 14:23

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、「反応が無い」というのはどのような状況でしょうか。エラーは出ていませんか？デベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

takayuki2020

2017/01/23 03:11

kei344さん、ご指摘ありがとうございます。onokatioさんの回答通り、iframeが反応していませんでした。

行動規範の内容に同意します

回答1件

ベストアンサー

iframeは、セキュリティ対策のために色々と厳しいことになってます。
たとえば、今回利用してるyahooなんかだと、iframeで呼び出せないような設定になっているのでできなくなっています。
こればかりは諦めるしかないですね…。
あと、「アプリを作る」というところが少し引っかかったのですが、どんなアプリを作るおつもりですか？
それがわかれば代替案を提案できるかもしれません。

投稿2017/01/22 09:10

退会済みユーザー

総合スコア0

takayuki2020

2017/01/23 03:21

onokatioさんご回答、ありがとうございます。セキュリティ対策でしたか。勉強になります。 iframeから、InAppBrowserに変更すると修正できました。アプリを作るというのは、練習問題の中にこのような内容があったので、試してみました。内容はＹａｈｏｏなどの検索エンジンをそのままwebviewに載せ、簡易的なブラウザを作るというものでした。

退会済みユーザー

2017/01/27 09:23

なるほど！簡易的なブラウザを作るのですね。それなら確かにwebviewが最適だと思います！！！頑張ってくださいね！

行動規範の内容に同意します