我的processing.js草圖不加載。這不應該太難回答

我想對我剛剛移植到processing.js的草圖進行測試。當我打開網頁，我從JavaScript控制檯下面的錯誤在Chrome：我的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

這裏是我加載頁面的源：

<!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與html文件位於同一目錄中，所以我不確定發生了什麼。我還應該指出，我正在本地進行測試，並且當我將頁面上載到我的ftp服務器上時發生了不同的錯誤。（也許這是鉻我得到一個黑盒子一旦它上傳到FTP服務器，即沒有對Firefox的鉻顯示它工作正常，在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

來源

2010-11-21 Miles

你檢查過你的語法嗎？它給你確切的線數。我得到與Chrome相同的錯誤，因爲它不喜歡當我從本地JS文件調用外部文件時。我認爲這是爲了防止XSS，但它也可能是一個「功能」（就IE而言）...... – Blender 2010-11-21 02:39:29

錯誤在processing.js中嗎？如果是這樣的話，我真的不知道該怎麼辦。我遵循這裏的說明：http://processingjs.org/learning，並且這兩種方法似乎都產生了一個空白屏幕。在我的實際處理文件中沒有任何錯誤，我在桌面處理和Web IDE上運行它，並且它工作正常。實際上，隨處理附帶的示例也不適用於chrome。奇怪的是，所有的例子都在網站上完美呈現。 – Miles 2010-11-21 03:03:22

我的意思是，Chrome（以及任何其他體面的瀏覽器）阻止您通過* any * JavaScript發出請求來訪問本地文件。你不會喜歡一個網站在你瀏覽它的時候瀏覽你的照片，現在你願意嗎？將你的東西上傳到網絡服務器或啓動本地網絡服務器，並從那裏嘗試。這應該能解決你的問題。 – Blender 2010-11-23 04:38:12

我只注意到這一點：

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

你是否在桌面上運行此操作？如果我記得正確AJAX確實不是從您的桌面運行，您需要本地web服務器設置，並通過調用您的本地主機運行它。

來源

2010-11-21 04:27:50 Jakub

我在本地運行它，你能告訴我怎麼打我的本地主機？另外，它似乎沒有加載一次上傳到我的實際網站，所以我不知道它是否會有所作爲。（http://www.earnestemporium.com藉口免費的godaddy託管） – Miles 2010-11-21 04:37:57

得到像http://www.wampserver.com/en/這樣的東西，並在您的本地機器上運行，使用Firefox Firebug解決所有JavaScript。 – Jakub 2010-11-21 04:41:51

'python -m SimpleHTTPServer'對此非常有用。 – 2011-12-16 02:41:00

我的processing.js草圖不加載。這不應該太難回答

回答

相關問題