I have multiple processing projects up that are working great on my website, however I have two sketches in particular that do not work and don't display anything except small blank windows. The only similarity between the two that I can find is that they both require arrow keys to work, but besides that there are no similarities. You can inspect element to check the code, I can't seem to figure out why they are not working, any help would be greatly appreciated.
http://willhay.io/processing/crazy/ and
http://willhay.io/processing/MazeRunner/
Have a peak at the JavaScript Console in your browser's developer tools.
You should spot this:
Failed to load resource: the server responded with a status of 404 (Not Found)
processing.min.js:18 Processing.js: Unable to execute pjs sketch.
processing.min.js:18 Uncaught TypeError: size is not a function
Perhaps the pages are attempting to initialise the Processing sketches before the document is fully loaded and the ProcessingJS library is ready.
Try doing that when the page is fully loaded to be on the safe side
Related
I have a website staged. Although everything seems to be displaying properly, opening developer tools shows I am getting two 404 errors (see pictures). I want to fix this error but I don't have much information. Is there some way to find out which specific element is causing the error? How should I go about debugging this?
Seek in the settings for a tab called Network.
Simply check the http status code for each of your elements from there.
This is a capture of the Firefox debugger, it works very similarly in other browsers dev tool.
Get into the developer tools and look for the Network tab.
Here, you can find all the resources calls with API calls along with HTTP status, headers, URL, request, response, etc.
Just see the network tab for the specific file for which you are facing issues.
Check the URL, HTTP code, response, and you can trigger what's the issue and solve it.
Let me know, what exactly is the issue so that I can help better.
Here are some ofthe tools you can check to fix 404 Pages
Raventools
Dead Link Checker
Google Analytics
W3C Link Checker
**Built in browser diagnostic is also helpful.
I opened my website in Chrome last night, then closed that tab, but didn't close browser. Today I failed to open my site in a new tab because jQuery(not use CDN) hits a syntax error: unexpected end of input.
My site always hits this error no matter how many times I refresh. But the error didn't happen again after hard refresh.
This problem happens many times in recent months.
I checked Chrome devtool, it says my jquery.min.js is loaded from memory cache. And it is not a whole file, only contains part of jquery library. That's why I got syntax error.
I did some research from google:
The lifetime of memory cache is attach to the lifetime of render process, which roughly corresponds to a tab.
So if I create a new tab to visit my site, stands to reason, jQuery should not be loaded from memory cache.
I expect browser do not load my files from memory again if I visit site in new tab.
Is there anything I can do to locate the problem source and fix it?
EDIT (2019-05-13):
Today hit this error again, but fortunately, I found new point seems helpful to this problem.
This is that request:
See status code is 206 Partial Content (from memory cache).
And I have no idea why my request header contains 'Range' field.
You can't detect newtab in browser and load your jquery.min.js,But you can avoid loading from cache by adding timestamp into suffix of your lib like follows.
http://yoursite.com/lib/js/jquery.min.js?1557301884
You can achieve this in two ways
Case:1 If you are using server side page rendering means(PHP,JSP) just print the timestamp
Case:2 If Client side means some javascript stuff you have to do
I am slightly confused as my https://skidaddleskidoodle.000webhostapp.com/VIP.html looks different when I open it locally i.e. "J:\websites\test site\VIP.html" vs. loading it from my web host.
This is how it looks like locally:
You can see it is meant to have a blue bar at the top and the hover effect that is a red line. Not all my website code is the exact same as on my local machine.
Any help would be great. Thanks, Dave.
You have 7 erros from css and 1 of javascript. Thus, you should correct ir before and see if it will work later.
There are two type of error that you web application is showing.
Error : Failed to load resource: the server responded with a status of 404 ()
It means that your application is not fiding this file on the web server, you need to check what kind of URL your are using, probably you are using static and not relative url.
Error: Uncaught TypeError: Cannot read property 'addEventListener' of null
at BG.js:14
It means either that css error is generating this error or that you are not setting a addEventListener.
Unfortunately I cannot put the code here because despite all kinds of debugging I cannot point to the problem to present the problematic segment of the code. If I try to load a HTML which in turn has other requests (js,css,png, etc.), it loads all except one... The server/browser hangs for some time and then after about a minute or so does actually load! If I try to test the server with individual manual requests of these very URLs in the HTML file, it works fine.
While tying to load the HTML file, Chrome Network tab shows "pending..." of one request or sometimes two. But ultimately all the URLs requested are served. Thats what bugs me...
I tried to set http.globalAgent.maxSockets to 100 as suggested here as the HTML file would make more than 8 requests for the different js, css, etc. This did not help either.
I have reached a deadend. Any help would be appreciated.
This is my first website I'm sorry if I've done something incorrectly. All help very much appreciated.
The problem.
I am currently using picasa's web album. ( I use this so my client should easily be able to update the pictures being show). When I load the page It does take a second or two for the album to show up. Yet on other computers it just does not show up at all.
The question
Why does the embedded gallery app show up for me but not for others?
Also Is there a better alternative.
My website Gallery
When you open the JavaScript console you're greeted with:
Failed to load resource: the server responded with a status of 404 (Not Found) https://picasaweb.google.com/data/feed/api/user/114335947299595812751/albumid/5880485482955492337?kind=photo&alt=rss
This means that the feed you're trying to load can't be found (or can no longer be found, at any rate).
To resolve this you'll need to point your embed code (on line 23 of your gallary.html file) a working address.
I imagine it loads for you because your page is cached. Try ctrl+F5 to do a hard refresh; failing that, clear your browser's cache and refresh.