Freecodecamp: Chromeがiframeにエラーメッセージを表示する-異常なコードが検出されました

作成日 2017年03月04日  ·  72コメント  ·  ソース: freeCodeCamp/freeCodeCamp

更新

修正を考え出す間、Firefoxを使用してください。 ご迷惑をおかけして申し訳ございません。


チャレンジフォームへの送信ボタンの追加に問題があります。
ユーザーエージェントは: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) <strong i="11">Chrome/57.0.2987.88</strong> Safari/537.36です。

_説明のために@systimoticによって編集された説明_
電話フレームに警告が表示されます。 「Chromeはこのページで異常なコードを検出し、個人情報(パスワード、電話番号、クレジットカードなど)を保護するためにブロックしました。」

screenshot

コード:


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit">

</form>
<form action="/submit-cat-photo">
  <input type="text" placeholder="cat photo URL">
</form>


最も参考になるコメント

これは、ベータ版とライブサイトの両方でChrome57で再現できます。

これを再現できるバージョンは57.0.2987.88です。 3月9日のChromeリリースブログから:

Chromeチームは、Chrome 57を安定したチャネル(Windows、Mac、Linuxの場合は57.0.2987.98)に昇格させたことをお知らせします。 これは、今後数日/数週間にわたって展開されます。

エラー:

XSS監査役は「へのアクセスブロックされたhttps://www.freecodecamp.com/challenges/add-a-submit-button-to-a-form#スクリプトのソースコードが内で発見されたため?ソリューション-ここでのソリューションを=」リクエスト。 サーバーが「X-XSS-Protection」ヘッダーを送信しなかったため、監査人が有効になりました。

これは、私たちが見ているエラーが実際にChrome57で有効になっている機能が原因であることに言及しています。

警告は、iframeにフォームがあることによってトリガーされたようです。
これは、これを解決する方法についての提案を含むStackOverflowの投稿です。

Codepenがこれをどのように処理するかをテストしました。 そこでは問題なく動作します。 いくつかの注目すべき違い:

  • X-Frame-Optionsは、CodepenではSAMEORIGIN ALLOWALL 、fCCではSAMEORIGINです。 これが原因である可能性は低いと思いますが、関連している可能性があります。
  • X-XSS-ProtectionはfCCでは1; mode=block 、Codepenには存在しません。 これが、Codepenでは機能するがfCCでは機能しない理由だと思います。

/ cc @ freeCodeCamp / moderatorsこれは私たちにとって非常に深刻な問題になる可能性があるようですが、私にはわかりません。 誰かが調査を手伝ってくれる?

全てのコメント72件

@ leekirby6問題をありがとう。 この通知を見た場所について詳しく教えてください。 スクリーンショットを提供できる場合は、スクリーンショットも役立つ場合があります。 ページを開いてもChromeから通知が届きません。 ありがとう!

ああ、スクリーンショットを忘れてしまいました。
freecodecamp-error
Firefoxを使用しても何も起こりません。

Chromeベータ版に関連している可能性があります。 #12655を参照してください。 安定したChromeで問題なく動作します。 @ leekirby6安定したChromeで試してみませんか?

信頼してくれてありがとう。 私は安定したものよりもベータ版を好みます:
Firefoxを使用しました!

このエラーは、キャンピングカーがChromeの将来のバージョンでこれを確認することを示していますか? その場合は、リリース前にこれが修正されていることを確認する必要があります。

これは、ベータ版とライブサイトの両方でChrome57で再現できます。

これを再現できるバージョンは57.0.2987.88です。 3月9日のChromeリリースブログから:

Chromeチームは、Chrome 57を安定したチャネル(Windows、Mac、Linuxの場合は57.0.2987.98)に昇格させたことをお知らせします。 これは、今後数日/数週間にわたって展開されます。

エラー:

XSS監査役は「へのアクセスブロックされたhttps://www.freecodecamp.com/challenges/add-a-submit-button-to-a-form#スクリプトのソースコードが内で発見されたため?ソリューション-ここでのソリューションを=」リクエスト。 サーバーが「X-XSS-Protection」ヘッダーを送信しなかったため、監査人が有効になりました。

これは、私たちが見ているエラーが実際にChrome57で有効になっている機能が原因であることに言及しています。

警告は、iframeにフォームがあることによってトリガーされたようです。
これは、これを解決する方法についての提案を含むStackOverflowの投稿です。

Codepenがこれをどのように処理するかをテストしました。 そこでは問題なく動作します。 いくつかの注目すべき違い:

  • X-Frame-Optionsは、CodepenではSAMEORIGIN ALLOWALL 、fCCではSAMEORIGINです。 これが原因である可能性は低いと思いますが、関連している可能性があります。
  • X-XSS-ProtectionはfCCでは1; mode=block 、Codepenには存在しません。 これが、Codepenでは機能するがfCCでは機能しない理由だと思います。

/ cc @ freeCodeCamp / moderatorsこれは私たちにとって非常に深刻な問題になる可能性があるようですが、私にはわかりません。 誰かが調査を手伝ってくれる?

@systimoticこれをみんなの注意を

これについて何か進歩を遂げることができましたか?

@BerkeleyTrueは、これを修正して本番

2017年3月13日月曜日午後6時44分、クインシーラーソン[email protected]
書きました:

@systimotichttps ://github.com/systimoticこれを持ってきてくれてありがとう
みんなの注目。 はい-これは深刻な問題です。 Googleが展開する場合
このアップデートは、私たちの課題を完全に打ち破ります。 だから私たちは修正する必要があります
このできるだけ早く。

これについて何か進歩を遂げることができましたか?

@BerkeleyTruehttps ://github.com/BerkeleyTrueこれはあなたのものです
修正して本番環境にすばやくデプロイできますか、それとも誰かがいますか
これを委任する気ですか?


このスレッドにサブスクライブしているため、これを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/freeCodeCamp/freeCodeCamp/issues/13727#issuecomment-286147082
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AX9USGhYYpx9VbE14GEjc5ELIWUePYCaks5rlWRggaJpZM4MS57P

私の理論がうまくいったら、バックアップ/マスターに対してPRを上げるという考えがあります。

それが機能する場合は、ステージングのためにそれを実装することもできます

しかし、誰か他の人がアイデアを持っている場合は、先に進んでそれを回避してください

これは重大な問題のようです

@QuincyLarson @systimotic @Bouncey調べてみると、( @ timoのリンクによると)Chromeはデフォルトの動作X-XSS-Protection: 1X-XSS-Protection: 1; mode=blockます。 これは、ページのソースコードがリクエスト自体の中にある場合にページの実行を完全にブロックします(つまり、code-url)。

以前は、chromesのデフォルトの動作は、有害と見なされるスクリプトの部分を除外することでした。 これを回避するには、chromeが文句を言う特定の部分(フォームアクションなど)をエンコードし、iframeに挿入する前にそれらをデコードします。

これで、デフォルトの動作でページが完全にブロックされます。 これが問題の原因です(私は信じています)。

Chrome canaryをダウンロードしましたが、〜問題を再現できませんでした(バージョン59)〜コードuriにスクリプトタグを追加することで再現できました。

修正は、 X-XSS-PROTECTION1変更するのと同じくらい簡単かもしれません。

ベータ版では複製できませんが、本番環境では複製できます

Chrome57がUbuntuの「クロム安定版」になりました

バックアップ/マスターでローカルに複製できません

サーバーコントロールを介して、いくつかのhtmlおよびJavaScriptコードをサーバーにポストバックしようとすると、問題が発生します。

Chromeバージョン57.0.2987.110(64ビット)Win1064ビットで私に起こりました

こんにちは皆さん、

私がこれをよりよく理解するのを手伝ってください。

私はソフトウェア会社のビジネスアナリストです。 57.0.2987.98 Chromeの更新後、「このページは機能していません。Chromeはこのページで異常なコードを検出し、個人情報(パスワード、電話番号、クレジットカードなど)を保護するためにブロックしました」というエラーが発生します。 。 ERR_BLOCKED_BY_XSS_AUDITOR "-基本的にここで話していること。

私の質問は次のようになります:

  1. それはバグですか、それとも機能ですか?
  2. バグの場合-修正されるときにどこで情報を入手できますか?

このエラーに苦しんでいるお客様はたくさんいます。Chromeの修正を待つべきか、それとも私たちの側で修正を実装するべきかを理解する必要があります。

@dimapctこれはChrome用ではなくFreeCodeCamp.comのリポジトリです。 ビジネスソフトウェアとChromeに関するご質問は、GoogleではなくChromeチームにお問い合わせください。

@QuincyLarson
Chrome設定>詳細設定>危険なサイトから保護>オフ
しばらくの間私のために働いた

このバグレポートに出くわしたばかりです。 私の経験がこれにいくらかの光を当てるかもしれないのだろうか。

完全に誠実なサイトであるUbuntuフォーラムに投稿を書くと、Chromeは頻繁に、ただし常にではありませんが、[投稿のプレビュー]を押すとこのエラーが発生します。

パターンを見つけようとしましたが、完全に恣意的です。 Chromeが受け入れる言葉と受け入れない言葉を入力できますが、それらの間に大きな違いは見られません。 たとえば、Chromeが引用符で投稿をブロックする場合と、ブロックしない場合があります。

LinuxUbuntuでChrome57 Stable(公式のChromeリポジトリから)を使用しています。

@QuincyLarsonによる提案を

残念ながら、 @ QuincyLarsonから提案されたソリューションはいきませんでした。

ただし、さらに詳しい情報がありますので、参考にしてください。

https://bugs.chromium.org/p/chromium/issues/detail?id=702542
https://bugs.chromium.org/p/chromium/issues/detail?id=706038
https://productforums.google.com/forum/#!msg/chrome/4MUJd75N4Jw/8uDOUMgrEQAJ

@paddylandauありがとう。

この問題は、cspにx-xss-protectionヘッダーを明示的に追加することで解決されたようです。 誰かがこれをテストする時間がありますか?

このヘッダーを追加する際の問題は、Chromeのためにセキュリティを低下させることを意味することです。 それは私には奇妙に思えます。

実際、ヘッダーを1に設定すると、セキュリティが同じに保たれ、Chromev57のセキュリティが向上しなくなります。 唯一の本当の違いは、v57がv56-や他のブラウザがこれまでサイレントにブロックしていた一部のコードをノイズでブロックしていることです。

私はまだこの問題を経験しています:(

「フォーム要素の作成」でこの問題が引き続き発生します。

この問題に関する興味深い点は、別のブラウザでレッスンを完了してChromeに戻り、そのレッスンの「解決策を表示」すると、コードがエラーなしで読み取られ、次のレッスンに進むことができることです。 何かご意見は?

2017年4月10日午前10時21分、「RogerioPenchel」 [email protected]
書きました:

私はまだこの問題を経験しています:(


このスレッドにサブスクライブしているため、これを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/freeCodeCamp/freeCodeCamp/issues/13727#issuecomment-293018041
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AV-9X3RBc4-MBzYNChdMp0_uZrywTADUks5rumUPgaJpZM4MS57P

私はこれをFirefoxで実行しましたが、問題はありませんでした

@nvnelloreこれは、Chromium、

コンテンツを追加すると、このERR_BLOCKED_BY_XSS_AUDITORが表示されます。