2010-11-21 4 views
5

私はちょうどprocessing.jsに移植したスケッチのテストを実行したかったのです。私は、Webページをロードすると、私はChromeでJavaScriptコンソールから次のエラーを取得:私のprocessing.jsスケッチが読み込まれません。これはあまりにも難しいことではありません。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Earnest Emporium</title> 
<!--Contact: [email protected]> 
<script src="processing.js"></script> 
<canvas data-processing-sources="ee.pde"></canvas> 
</head> 
<body> 
</body> 
</html> 

ee.pdeとprocessing.js:

XMLHttpRequest cannot load file:///Users/aoeuaoeu/Desktop/projects/local%20site%20files/_/ee.pde. Origin null is not allowed by Access-Control-Allow-Origin. processing.js:27Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101

ここで私はロードだページのソースですhtmlファイルと同じディレクトリにあるので、何が起こっているのか分かりません。また、私はローカルでこれをテストしていることを指摘する必要があります。私はftpサーバーにアップロードしたページを読み込むと、別のエラーが発生します。 (?多分それは私がそれをFTPサーバにアップロードさいったんFirefoxの上のChromeで表示されないブラックボックスを取得Chromeのそれは、Firefox上で正常に動作しますローカル。)私はちょうどこの気づい

/processing.js:17946Uncaught SyntaxError: Unexpected token < 
Processing.Sketch.attach/processing.js:17946 
Processing.Processing.executeSketch/processing.js:16209 
Processing/processing.js:16237 
init/processing.js:17991 
window.addEventListener.i 
+0

構文を確認しましたか?それはあなたに正確な行番号を与えます。 ローカルのJSファイルから外部でファイルを呼び出すと、Chromeで同じエラーが発生します。私はこれがXSSを防ぐことだと思っていますが、それは "機能"(IEの点で考える)かもしれません... – Blender

+0

processing.jsにエラーはありませんか?そうだとすれば、どうしたらいいのか分かりません。私はここの指示に従っています:http://processingjs.org/learning、両方の方法は空白の画面を生成しているようです。私の実際の処理ファイルには何もエラーはありません。私はデスクトップ処理とウェブideでこれを実行しました。 実際、処理に伴う例はクロムでも機能しません。奇妙なことに、すべての例が完全にウェブサイトに表示されます。 – Miles

+0

私は、Chrome(と他のまともなブラウザ)が、ローカルファイルにアクセスするためにJavaScriptを使用してリクエストを行うことを妨げていることを意味していました。訪問している間に写真を見ているサイトが好きではないでしょうか? あなたのものをWebサーバーにアップロードするか、ローカルWebサーバーを起動してから試してみてください。それはあなたの問題を解決するはずです。 – Blender

答えて

7

file:///Users/aoeuaoeu/Desktop/projects/local%20site%20files/_/ee.pde.

デスクトップでこれを実行していますか?私が正しく思い出した場合、AJAXNOTです。デスクトップから実行するには、ネイティブWebサーバーのセットアップが必要で、localhostを呼び出すことによって実行してください。

+0

私はそれをローカルで実行していましたが、私はどのように私のローカルホストと呼ぶでしょうか教えてくれますか?また、実際のウェブサイトにアップロードした後はロードされていないようですので、違いがあるかどうかは分かりません。 (http://www.earnestemporium.comは無料のgodaddyホスティングを言い訳します) – Miles

+0

http://www.wampserver.com/en/のようなものを入手してローカルマシンで実行し、Firefox Firebugを使用してすべてのjavascriptのトラブルシューティングを行います。 – Jakub

+2

'python -m SimpleHTTPServer'はこれに非常に便利です。 –

関連する問題