検索
ホームページウェブフロントエンドjsチュートリアルローカル (ファイル プロトコル) AJAX リクエストをサポートするように Chrome を構成する (グラフィック チュートリアル)

この記事では主に、ローカル (ファイル プロトコル) AJAX リクエストをサポートするように Chrome を設定する方法を詳しく紹介します。興味のある方は、

何が問題なのか

WEB 開発プロセスを参照してください。完全なプロジェクトを開発する代わりに、いくつかの簡単なデモを作成します。 現時点での一般的な操作は次のとおりです:

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

この時点でデモに AJAX 操作がある場合、ブラウザはエラーを報告します:

XMLHttpRequest は読み込めません file:// /Users/iceStone/Documents/Learning/angular/demo/angular-moviecat/movie/view.html クロスオリジンリクエストは、http、data、chrome、chrome-extension、https、chrome-extension のプロトコル スキームでのみサポートされます。理由は非常に単純です。ブラウザ (Webkit カーネル) のセキュリティ ポリシーにより、ファイル プロトコルによってアクセスされるアプリケーションは XMLHttpRequest オブジェクトを使用できないと判断されます。また、エラー メッセージには次のように明確に示されています。リクエストはプロトコル スキームでのみサポートされています: http、data、chrome、chrome-extension、https、chrome-extension-resource resource

この操作は Firefox ブラウザなどの一部のブラウザで許可されており、これは Filefox が AJAX リクエストをサポートしていることを意味します。ファイルプロトコルの下で。


解決策

私の個人的なお気に入りの Chrome は強力で、言うことはありませんが、想像できてほとんど不可能であるため、サポートも必要です:


Windows:

• Chrome のショートカット プロパティを設定し、「target」の後に --allow-file-access-from-files を追加します。前にスペースがあることに注意して、Chrome を再度開きます。

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


追加説明

長期的には、必ず HTTP 経由でアプリケーションにアクセスする必要があるため、HTTP サーバー ソフトウェアを構成する必要があります。ただし、始めたばかりの一部の学生にとって、HTTP サーバー (Apache、IIS など) のセットアップは面倒で法外な作業です。

•IDE を使用する学生に言うことはありません。Web 開発に使用されるすべての IDE には http サーバーが組み込まれているため、個別に設定する必要はありません。
•Sublime Text などの軽量エディターを好む学生には、デフォルトで HTTP サーバーが組み込まれていません

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

•Google を自分でインストールするわけではない Package Control (Sublime のプラグイン管理ツール) をインストールします

•Command+Shift+P または Ctrl+Shift+P でコマンドを開きます。パネルで、「パッケージ コントロール: パッケージのインストール」と入力します
• しばらく待ちます。しばらくしてから (プラグイン プロバイダーのサーバーに接続します。比較的遅く、壁の後ろにある可能性があります)、SublimeServer を検索します

• インストール後完了したら、ツール→SublimeServer→SublimeServer起動

•必ずフォルダーを開いてSublimeを使用してください。そうしないと、SublimeServerを正常に使用する方法がありません。
•HTML ファイルを開き、右クリック メニューで [SublimeServer で表示] を選択します。この時点で、HTTP 経由でファイルにアクセスできます。
•このオプションが灰色の場合は、SublimeServer ツールが起動されていないことを意味します。 → SublimeServer → SublimeServer を起動


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


考えられる問題


「Start 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 // 端口号
}

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

上記は私が皆さんのためにまとめたものであり、今後皆さんのお役に立てれば幸いです。


関連記事:

AJAX ページング効果の簡単な実装 (グラフィック チュートリアル)


Ajax や Easyui などのフレームワークを使用する場合の Json-lib 処理ソリューション (グラフィック チュートリアル)

Ajax 実装リスト 無限ロードおよび 2 番目のドロップダウン オプションの効果


以上がローカル (ファイル プロトコル) AJAX リクエストをサポートするように Chrome を構成する (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
什么是Updater.exe在Windows 11/10中?这是Chrome进程吗?什么是Updater.exe在Windows 11/10中?这是Chrome进程吗?Mar 21, 2024 pm 05:36 PM

你在Windows上运行的每个应用程序都有一个组件程序来更新它。因此,如果你使用的是谷歌Chrome或谷歌地球,它会运行一个GoogleUpdate.exe应用程序,检查是否有更新可用,然后根据设置进行更新。然而,如果您不再看到它,而是在Windows11/10的任务管理器中看到一个进程updater.exe,这是有原因的。什么是Updater.exe在Windows11/10中?谷歌已经为其所有应用程序推出了更新,如GoogleEarth、GoogleDrive、Chrome等。这次更新带来了

crdownload是什么文件crdownload是什么文件Mar 08, 2023 am 11:38 AM

crdownload是chrome浏览器下载缓存文件,就是没下载完的文件;crdownload文件是一种临时文件格式,用于储存从硬盘上下载的文件,它能够帮助用户在下载文件时保护文件完整性,避免受到意外中断或停止的情况。CRDownload文件也可以用于备份文件,它可以让用户保存文件的临时副本;如果在下载时出现意外错误,就可以使用CRDownload文件来恢复已下载的文件。

chrome无法加载插件怎么办chrome无法加载插件怎么办Nov 06, 2023 pm 02:22 PM

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。其解决方法如下:1、检查插件是否已正确安装,重新安装即可;2、禁用和启用插件,点击禁用按钮,然后再次点击启用按钮即可;3、清除插件缓存,选择高级选项>清除浏览数据,勾选缓存图片和文件和清除所有Cookies,点击清除数据即可。

php blob怎么转filephp blob怎么转fileMar 16, 2023 am 10:47 AM

php blob转file的方法:1、创建一个php示例文件;2、通过“function blobToFile(blob) {return new File([blob], 'screenshot.png', { type: 'image/jpeg' })}”方法实现Blob转File即可。

解决谷歌浏览器无法打开网页的方法解决谷歌浏览器无法打开网页的方法Jan 04, 2024 pm 10:18 PM

谷歌浏览器网页打不开怎么办?有很多小伙伴都喜欢上使用谷歌浏览器,当然也有部分小伙伴在使用的过程中发现自己无法正常的打开网页或者说网页打开的速度很慢,那么遇到这种情况要怎么办呢?下面就和小编来看看谷歌浏览器网页打不开的解决方法吧。谷歌浏览器网页打不开的解决方法方法一为了帮助还没有过关的玩家们,让我们一起来了解一下具体的解谜方法吧。首先,右键点击右下角的网络图标,然后选择“网络和Internet设置”。2、点击"以太网",接着点击"更改适配器选项"。3、点击”属性“按钮。4、双击打开i

Chrome的插件扩展程序安装目录是什么Chrome的插件扩展程序安装目录是什么Mar 08, 2024 am 08:55 AM

Chrome的插件扩展程序安装目录是什么?正常情况下,Chrome插件扩展程序的默认安装目录如下:1、windowsxp中chrome插件默认安装目录位置:C:\DocumentsandSettings\用户名\LocalSettings\ApplicationData\Google\Chrome\UserData\Default\Extensions2、windows7中chrome插件默认安装目录位置:C:\Users\用户名\AppData\Local\Google\Chrome\User

chrome是什么意思chrome是什么意思Aug 07, 2023 pm 01:18 PM

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一,其名字来源于浏览器的界面设计,因为它的标志性特征就是窗口顶部的标签栏,而这个标签栏的外观与铬金属非常相似。

如何在Chrome和Edge的所有选项卡中搜索文本如何在Chrome和Edge的所有选项卡中搜索文本Feb 19, 2024 am 11:30 AM

本教程向您展示了如何在Windows的Chrome或Edge中找到所有打开的标签页上的特定文本或短语。有没有办法在Chrome中所有打开的标签页上进行文本搜索?是的,您可以使用Chrome中的免费外部Web扩展在所有打开的标签上执行文本搜索,无需手动切换标签。一些扩展如TabSearch和Ctrl-FPlus可以帮助您轻松实现这一功能。如何在GoogleChrome的所有选项卡中搜索文本?Ctrl-FPlus是一个免费的扩展,它方便用户在浏览器窗口的所有选项卡中搜索特定的单词、短语或文本。这个扩

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

SublimeText3 Mac版

SublimeText3 Mac版

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

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール