ホームページ ウェブフロントエンド jsチュートリアル ファイル プロトコルの AJAX リクエストをサポートするように Google Chrome を設定する方法

ファイル プロトコルの AJAX リクエストをサポートするように Google Chrome を設定する方法

Mar 31, 2018 pm 03:24 PM
firefox webkit ブラウザ

今回は、ファイル プロトコルの AJAX リクエストをサポートするように Google Chrome を設定する方法を説明します。 ファイル プロトコルの AJAX リクエストをサポートするように Google Chrome を設定するときの 注意事項 は何ですか。実際のケースを見てみましょう。 。

何が問題ですか

WEB 開発のプロセスでは、完全なプロジェクトを開発する代わりに、いくつかの簡単なデモを作成することがよくあります。このときの一般的な操作は次のとおりです。

•新しいフォルダーを作成します

•フォルダーを作成します。新しい必須ファイル
• Sublime (または他の
エディター ) でデモのコーディングを完了します • HTML ファイルをダブルクリックして、ブラウザーでデモを直接実行します

この時点でデモに AJAX 操作がある場合、ブラウザはエラーを報告します: クロス オリジン リクエストは、http、data、chrome、chrome-extension、https、chrome-extension-

resource

のプロトコル スキームでのみサポートされます。理由は簡単です。ブラウザのセキュリティ ポリシー (Webkit カーネル)。 ) は、ファイル プロトコルによってアクセスされるアプリケーションが XMLHttpRequest オブジェクトを使用できないことを判断します。また、エラー メッセージには、次のように明確に示されています。 -resource.

クロスオリジンリクエストは、http、data、chrome、chrome-extension、https、chrome-extension-resource のプロトコルのみをサポートします この操作は、Firefox ブラウザなどの一部のブラウザで許可されており、Filefox がサポートしていることを意味しますファイル プロトコルに基づく AJAX リクエスト。 解決策 私の個人的なお気に入りの Chrome としては強力で、想像することができ、ほぼ不可能であることを除けば言うことはありません。そのため、次のサポートも必要です:

Windows:

• Chrome をセットアップする ショートカット属性については、「target」の後にスペースを追加します。Chrome を再度開きます。

Mac:

•ブラウザはターミナルからのみ開くことができます: ターミナルを開いて次のコマンドを入力します: open -a “Google Chrome” –args –disable-web-security その後、安全なブロックをブロックできますaccess [ – args: このパラメータはオプションです]

追加説明

長期的には、必ず HTTP 経由でアプリケーションにアクセスする必要があるため、HTTP サーバー ソフトウェアを構成する必要があります。ただし、始めたばかりの一部の学生にとって、HTTP サーバー (Apache、IIS など) のセットアップは面倒で法外な作業です。 •IDE を使用する学生に言うことはありません。Web 開発に使用されるすべての IDE には http サーバーが組み込まれているため、別途設定する必要はありません。

•Sublime Text などの軽量エディターを好む学生には、デフォルトで HTTP サーバーが組み込まれていません

次に、Sublime プラグインである Sublime Server をお勧めします。このプラグインは静的ファイルを提供できます。 HTTP サーバーの使用方法は次のとおりです:

•Package Control (Sublime のプラグイン管理ツール) をインストールします。Google を自分でインストールすることはありません •Command+Shift+P または Ctrl+Shift+P を押してコマンド パネルを開きます。パッケージコントロールに入ります: パッケージのインストール •少し待ってください (この時点では、プラグインプロバイダーのサーバーに接続しますが、比較的遅く、壁の後ろにある可能性があります)、SublimeServer を検索します •インストールが完了したら、完了したら、「ツール」→「SublimeServer」→「SublimeServerの起動」に進みます

•必ずフォルダーを開いてSublimeを使用してください。そうしないと、SublimeServerを正常に使用することができません。

•HTML ファイルを開き、右クリック メニューで [SublimeServer で表示] を選択します。この時点で、HTTP 経由でファイルにアクセスできます。

•このオプションが灰色の場合は、SublimeServer ツールが起動されていないことを意味します。 → SublimeServer → SublimeServer を起動

この時点で、すでに Sublime で HTTP サーバーを使用できるようになります。

考えられる問題

「SublimeServer の開始」をクリックできない場合は、現在のポート 8080 が占有されている可能性があります (SublimeServer はデフォルトでポート 8080 を使用します)

解決策は、設定ファイルを開いて、ポートを別のポートに変更することです:

以下は私の構成です:

{
  "attempts": 5,
  "autorun": false, // 是否在启动Sublime时自动启动SublimeServer
  "defaultExtension": ".html",
  "interval": 500,
  "mimetypes":
  {
    "": "application/octet-stream",
    ".c": "text/plain",
    ".h": "text/plain",
    ".py": "text/plain"
  },
  "port": 2016 // 端口号
}
ログイン後にコピー

もちろん、他のエディタにも同様のプラグインがあります。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

ajax はどのようにして配列をバックグラウンドに渡しますか?

AJAX のページネーション効果を実現する方法

以上がファイル プロトコルの AJAX リクエストをサポートするように Google Chrome を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

グラデーションの背景を持つカードとクーポンのレイアウトに対するギャップ効果を達成する方法は? グラデーションの背景を持つカードとクーポンのレイアウトに対するギャップ効果を達成する方法は? Apr 05, 2025 am 07:48 AM

カードクーポンレイアウトのギャップ効果を実現します。カードクーポンレイアウトを設計するとき、特に背景が勾配である場合、カードクーポンにギャップを追加する必要があることがよくあります...

Webページにローカルにインストールされている「Jingnan Mai Round Body」を正しく表示するにはどうすればよいですか? Webページにローカルにインストールされている「Jingnan Mai Round Body」を正しく表示するにはどうすればよいですか? Apr 05, 2025 pm 10:33 PM

最近、Webページにローカルにインストールされたフォントファイルを使用して、インターネットから無料のフォントをダウンロードし、システムに正常にインストールしました。今...

58.com作業ページでリアルタイムアプリケーションと視聴者のデータを取得する方法は? 58.com作業ページでリアルタイムアプリケーションと視聴者のデータを取得する方法は? Apr 05, 2025 am 08:06 AM

クロール中に58.com作業ページの動的データを取得するにはどうすればよいですか? Crawlerツールを使用して58.comの作業ページをrawったら、これに遭遇する可能性があります...

ネガティブマージンが場合によっては効果がないのはなぜですか?この問題を解決する方法は? ネガティブマージンが場合によっては効果がないのはなぜですか?この問題を解決する方法は? Apr 05, 2025 pm 10:18 PM

なぜマイナスマージンが場合によっては有効にならないのですか?プログラミング中、CSSの負のマージン(負...

フレックスレイアウトの下のテキストは省略されていますが、コンテナは開かれていますか?それを解決する方法は? フレックスレイアウトの下のテキストは省略されていますが、コンテナは開かれていますか?それを解決する方法は? Apr 05, 2025 pm 11:00 PM

フレックスレイアウトとソリューションの下でのテキストの過度の省略によるコンテナの開口部の問題が使用されます...

CSSを介してサイズ変更シンボルをカスタマイズし、背景色で均一にする方法は? CSSを介してサイズ変更シンボルをカスタマイズし、背景色で均一にする方法は? Apr 05, 2025 pm 02:30 PM

CSSでサイズ変更シンボルをカスタマイズする方法は、背景色で統一されています。毎日の開発では、調整など、ユーザーインターフェイスの詳細をカスタマイズする必要がある状況に遭遇することがよくあります...

CSSとFlexBoxを使用して、さまざまな画面サイズで画像とテキストのレスポンシブレイアウトを実装する方法は? CSSとFlexBoxを使用して、さまざまな画面サイズで画像とテキストのレスポンシブレイアウトを実装する方法は? Apr 05, 2025 pm 06:06 PM

CSSを使用してレスポンシブレイアウトを実装して、Webデザインのさまざまな画面サイズの下でレイアウトの変更を実装する場合、CSS ...

See all articles