I'm new to jsfiddle, and I'm having trouble saving my fiddles. Using the save or update function seems to only work erratically, and most of the time the latest version of my code doesn't appear anywhere in my dashboard. When I click "save" or "update", the console logs:
Font from origin 'https://code.cdn.mozilla.net' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://jsfiddle.net' is therefore not allowed access.
I have no idea what that means, or if it's related. Basically, I just can't figure out how to use jsfiddle and haven't found an answer anywhere else. I'm a total novice so I appreciate any help!
Thanks!
Adam
Related
I have a question about one of the google webtools - Fetch as Google -> Fetch and Render.
I get some errors about my resources when I use it. If I use Fetch only I get "Complete" status and that is great. But if I use Fetch and Render, I get "Temporarily unreachable" status for some of my images, but if I click on a link of an image it is reachable. There could be a lot of images on my pages and I think that this feature has a limit for count of external resources that are loaded to render a screenshot image. What do you think? Has anyone encountered with this problem? Also, I wonder how many common between this feature and the real goolgebot engine? Does the googlebot get this errors too or not.. Should I worry about it or not..
Google says:
About "Partial" status - "You can assess the gravity of the situation by clicking through the missing resources. A fetch with the Partial status could mean a small problem with the page (e.g. few or insignificant resources could not be retrieved)"
But when I click on an url that is marked as unreachable it is reachable.
For example:
http://cdn.zenfolio.net/img/s10/v109/p458738824-2.jpg?sn=2YH Image Temporarily unreachable
http://cdn.zenfolio.net/img/s5/v124/p533056357-2.jpg?sn=2YH Image Temporarily unreachable
http://cdn.zenfolio.net/img/s5/v119/p79952255-2.jpg?sn=2YH Image Temporarily unreachable
http://cdn.zenfolio.net/img/s5/v132/p201642078-2.jpg?sn=2YH Image Temporarily unreachable
http://cdn.zenfolio.net/img/s7/v152/p126202968-2.jpg?sn=2YH Image Temporarily unreachable
http://cdn.zenfolio.net/img/s5/v124/p189570842-2.jpg?sn=2YH Image Temporarily unreachable
http://cdn.zenfolio.net/img/s7/v155/p124919933-2.jpg?sn=2YH Image Temporarily unreachable
You can try this http://www.photographercentral.com/photographers/us/louisiana/new-orleans url to test.
Thanks
The Engine that Google use for fetch and render(FNR) is not standard browser . Many a time a valid webpage is reported by FNR as error / not reachable.Partial loading is fine but if you see error while fetching / Page loaded incorrectly then here are the measures you can take to debug the issue.
1) Create a page in your site that prints user-agent , browser version etc , and open that page using FNR . This way you will know which browser it's using and test and fix problem for that browser.
2) You can use some error aggregator tool we use track.js (others are rollbar etc), and load a particular page in FNE using some weired params . e.g. www.example.com/pageurl?bot=93 . Now you can search bot=93 easily in track js error list and will know what excatly are the errors generated for that page.
you just delete www from your address then you can see complete fetech and render.
change Preferred domain, if it's with www delete www and if it's not with www add www.
its work for me.
I just opened my store today. Before hosting firm directed my domain name to my IP there was no problem.
When I the site is activated some people wanted to change some links. I did that in a hurry maybe that caused an error. Later when I check my site I saw a big question mark on the right. I put all of the files back from my backup but the problem still exists. Is there anyone who can help me?
Thank you
FERDA
This is a missing image. Whenever an image (products, categories etc) is missing in prestashop, this question mark image is shown. It is 404.gif (or any other image format) placed in the img folder of the prestashop.
There may be two reasons to this issue:
1) At header section, it seems like you have a missing image (i think one of the social icons). This is the recommended case. Please check your images. I think it is one of the icon for social images.
2) This may be not the reason, but whenever there is some problem in the paths for images, prestashop display the 404 or question mark image. But it seems like paths are fine as other images are shown.
Proposed Solutions : First check in F12 tool (dont know what is it called :P ) that specific element i.e. right click on that question mark image and then select the Inspect Element, you will have the F12 tool opened. Check there and share the HTML code. Also please share some code before and some after that, so that it can be easily checked.
A little background info is that my team and I developed a website for a Real Estate Agency and I've been assigned the task of setting the image of the currently selected property into facebook's sharing feature.
The webpage for the property is dynamic as there are several listings, so what I've done is select the first image that is loaded on the page and set it to the og:image meta tag.
Now let's say I copy the URL and post it on Facebook, it'll show the correct thumbnail, HOWEVER, it'll also show multiple thumbnails from other listings.
All images on the website are over 200 x 200px and are within an aspect ratio of 3:1.
My question is, how do I tell Facebook to only take my initial image and not grab others while it's as it.
Is there perhaps a SelectSingleImage property that I can apply?
I've already spent more time searching for the answer to this issue than I would have liked, so thanks for any help provided, it's much appreciated.
One method I use sometimes is to recognize Facebook's server and simply provide it with different data. This way you can actually only have one image on the page (as far as Facebook knows).
I don't know anything about vb.net, but here is a simple code sample in PHP. All it does is perform a regular expression on the user agent of the request to match it against the string "facebook".
$isFacebook = false;
if(preg_match("/facebook/",strtolower($_SERVER["HTTP_USER_AGENT"]))) {
$isFacebook = true;
}
Facebook may very well change their user agent signature one day, but for now, I'm pretty sure you'll be safe but keep synced with the Developers Blog and the Roadmap.
It seems that Facebook saved those images in cache for some bizarre reason, but to resolve this issue all I had to do was enter the URL into Facebook's Linter tool which in turn cleared the cache on their server.
I was about to ask a question about a JSFiddle, and I noticed that the images (which I've got on Imgur) don't show up. If I load the image directly in the browser, and then reload the fiddle the picture shows up, but if you haven't already loaded the pictures they won't display. Is there a way I can fix this? Or do I just need to host the pictures on a different site?
Here's the link to the fiddle:
http://jsfiddle.net/r4crr/3/
And here's a bit of dumb code from the fiddle that it appears is actually irrelevant.
<div id="makeJSFshowPics">
<img src="http://i.imgur.com/7ftvzYB.png" alt="High Interest"><img src="http://i.imgur.com/u8i9Coo.png" alt="Okay I guess"><img src="http://i.imgur.com/v66NbIR.png" alt="Do Not Want">
Opened up Chrome's network panel and noticed that those urls were getting 403 - Forbidden from imgur. Not sure why. So I opened the imgur url in a new tab, then went back to jsfiddle and hit run. Bingo, the image showed up. Had to do this for all of the images, which is not great. Looks like other people have run into this problem but there wasn't any solution to it.
For whatever reason, imgur is blocking the images from jsfiddle (and jsbin). Perhaps there were abuses coming in, I am not sure as to the why. The images are blocked based on the referrer. It would be possible to implement a bypass where the images were proloaded in an iframe which spoofed the referrer. That seems a little over the top though. It would work for the same reason that you can see the images in the fiddle after you visit the imgur url for the image, because it is cached.
Safari recently went to version 6 (Lion/Mtn Lion) and they've changed over from the standard webkit dev tools to one that's much more XCode looking, my problem other than the OCD of not liking things change is that in the resource tab (or anywhere you can track down the DataService.aspx/AJAX calls) I can no longer see the form data that I am passing.
Can anyone point me to where I can find that data so I don't have to console out my params when I'm testing new data service/backend calls?
I've logged a bug with Apple, they've marked it as a duplicate so hopefully they've received enough requests to fix this, until then I'm continuing to use chrome as the webkit developer is the same as safari's old version.
You can find this info in Instrument tab (stop-watch icon). In the left sidebar thers Timelines row, click the grey circle (record button) on the right. Then click to Network Requests where you see all reqs, and you have to click small icon on the right oc request to display response headers and all form data are available in right panel. Panel can be hidden same as left one (in case you dnt see it).
Unfortunately there are no query pamaters listed, according to this disscussion. I belive its a bug in safari
Edit 15.May 2013: This bug was fixed in Safari 6.0.3.
As far as I can tell, there's no way to show the request parameters.
This goes even further. I can't see the JSON response data either (no clickable arrows to show the containing Javascript objects within the JSON, just pure text)
I think we have to switch to Firefox /w Firebug or regular Webkit in order to get XHR monitoring...
Guys if you want to see post data in safari 6 which is not possible right now, install the firebug lite extension and there you go you have the post data.
I used it and it works great with safari 6
Actually the request headers, response headers and query parameters are in the details sidebar on the right when using the resources view or if you click to see the content of a request in the Timelines/Network Requests view. Took me a few minutes to find that too.
If you need to see what the device is actually sending and your server is on a Windows Machine I use http://www.Wireshark.org and check on the server side of things. No interpretation by any WebKit stuff and very valuable (such as issue with iOS and the 'Blob' data). Similar network snooping should exist on Mac as well.