Image is not being displayed on test server/ - javascript

I have a weird problem where an image is displayed in other platforms but the image is not being displayed on the test server. I have thoroughly checked the code and there is no problems with the code. Any ideas or anyone had this issue before?
Image is displayed like this but only on the test server. The rest are working fine.

I’ve had issues like this where there were missing mime type mappings on one server vs another.
So the server was not serving the files correctly.
Possibly check your mime type mappings, not sure what server version or otherwise you’re using to help further though.

Considering your comment mentions that your files are being correctly loaded in other browsers, this isolates your problem as a caching issue.
First reload your cache by holding CTRL and pressing F5.
Second, reload your CSS cache by holding SHIFT and clicking on the borwser's refresh icon.
This should correctly restore your broken images.
Hope this helps! :)

You can try doing Empty Cache and Hard Reload.
For chrome,
1. Open Inspect interface
2. Right click on refresh icon and select the Empty Cache and Hard Reload option
You can also check if your image link is correct. Sometime placing a "/" before the link solves it.
I hope it helps

Related

Breakpoints and changes stopped working in Chrome DevTools

I have a weird problem that I hope someone encountered, because I don't know if I can provide much detail about it (sorry).
I'm working with TiddlyWiki as a local HTML file. It's a wiki that is entirely in one HTML file. It has javascript plugins, also in the file. When it loads it sets them up as separate scripts in devtools.
I want to modify one of these on the fly. What I used to do was open the script (it opens in its own tab), edit it, save, and the changes would take effect until reload.
All of a sudden, this stopped working. Not only my changes don't take effect, but breakpoints in the script, which used to work fine no longer work. If I make the change while in a breakpoint, and save, the browser jumps to the script that calls the method in the changed script. The breakpoint no longer works and I can't step into any method in the modified script. The modifications don't take effect.
I tried using local overrides, adding, removing, resetting, deleting the files. Everything I could think of. Note that I didn't need these in the past (that is, until a few days ago).
Turns out this was probably due to something with encoding. I use vi to copy&paste the text and then save as ascii, then copied that to the wiki and everything started working as expected

Why i cant see submit button; checkbox and div on IE

I have this landing page, for some reason I can't see the check box, submit button and a div that are in the code. Everything works in chrome and Firefox. I understand that IE dosen't always get media queries so I made this landing page that calls a diferent css file when it detects IE, but it made no difference.
I have a few questions:
1. What is causing this?
2. How can I fix it? Is there a file, like modernizer, that I can load to modify code for IE.
3. I am also using this js addon on the second link with a separate css file, in order to see place holders in IE. This also doesn't work, if someone could tell me why, that would be great
I see the checkbox just fine in IE. why don't you show an image of what you are seeing. Also, clear your browser cache.
To help debug, you should press F12, then click on console. make sure there are no errors. Then click Network. Make sure all css/javascript is loaded with no errors. finally, in the dom explorer, click the arrow, and click on the page and see if the elements are there.
as i see it this is the solution to my question
at the top of the css file i had this row:
#import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
once i removed it i got the mossing elemnts.
tnx for helping
Dav

Google Chrome isn't saving Javascript on navigation

Hi I know that there's a question about this already, but all of the answers don't seem to be working for me.I'm trying to make the JS console not reset on navigation.I know there's the "Preserve log upon navigation" checkbox/button, but it's not working for me.Whatever I entered is cleared and the page is loaded as default. How can I make it save what I changed, like a kind of add-on? (preferably without installing any additional tools)..Or am I misunderstanding the use of the preserve log upon navigation thing? Anyway, how can I achieve what I'm hoping to?Thanks in advance!
The "Preserve log upon navigation" setting doesn't store any changes you've made to the DOM using the console, it only preserves the log of what has been output to the console.
As far as I know there is no way to preserve the changes you've made via the console across links/refreshes since you are always loading/reloading the page. I doubt there are even add-ons to preserve that kind of thing.
As winterblood stated in his answer, there's no way to preserve the changes made to any js file or the dom after a page refresh.
What you CAN preserve however are the breakpoints in the code. So if you need to place a change very early on, you can search the first script to be loaded, put a breakpoint in it, and refresh the page. When the page refreshes, then you can make any changes on it that you wish.
Another solution is to use a proxy like charles or fiddler, and do a "map local" of a local js file with your changes in it. See this link for that. I do this a lot in my work. It's dead easy to copy/paste a file from the chrome console into a local file, then use charles to do a map local of the request for that file and reload the page. If everything goes well, you will be able to do any changes you want to that file without modifying anything else in the page.

jpg images are not displayed on safari pc / iphone

my website including jpg´s is displayed correctly on IE,FF & Chrome.
Safari on PC and iphone does not display all images.
If i clear safari cache and load page again the other images are not displayed as before.
I cant find any repeating mechanism which images are displayed or possibly not.
If you open the missing image in a new tab, then the image is correctly displayed. That works in all cases.
http://digikamera.yweb.at/public/uploads/image.php?width=178&image=/public/uploads/Canon-EF-100mm-f-2.8-USM-Macro-Lens-340x225.jpg
I already tired to add missing height definition of images and alt tags. But that did not help. Debugger does not show errors. Whats wrong in my code?
PLease check the issue on:
http://digikamera.yweb.at/Dslr
Please, can anyone help?
Code was fixed but the problem was still not solved. I found out that the issue was in the image resize script.
They show up fine when I test it in Safari.
However, there are a lot you can do in the XHTML markup to make it more likely to work in different browsers. For example, you are mixing HTML and XHTML, you are using duplicate id:s, you use height on tables and table cells.
The W3C validation service found 482 errors in the markup. Plenty of them are of course duplicates, but it's still a lot: http://validator.w3.org/check?uri=http%3A%2F%2Fdigikamera.yweb.at%2FDslr&charset=%28detect+automatically%29&doctype=Inline&group=0
Safari Wierdness: 340k jpg wasn't displaying, even after clicking the refresh icon. However, if I click in the URL box and then hit ENTER, voila! The jpg displays. But still not when using the refresh button.
iPad Wierdness: If I clear the cache and hit enter after putting in the URL, jpg displays. However, even if jpg is displaying, when I click on the refresh icon, the jpg doesn't display in the reloaded page, although I see by the progress bar in the URL box that it was trying.
So, I placed the jpg into a new file with nothing else and it loads normally, even with the refresh button.
Something in my code is preventing proper caching. I'll figure it out.
24 HOURS LATER: Turns out, I had changed the url reference pointing to the jquery file and didn't put the jquery file in that folder. Sure hopes this helps someone else!

When I change code, save and it, and test it on my browser, it still runs the old code, why?

I am using html5 and javascript on Mac OSX Lion. My text editor is text mate, though it is out of date. So I tried saving it in text editor. Ran it and it still executed old code that I had deleted and saved. Does someone have an idea what the error might be? Thanks.
--Udate-- Figured it out: Thanks to everyone for the speedy answer! Turns out I had to close the browser after emptying the cache for it to take affect. I did a few closing and opening tests, and essentially if I just refresh the page, it accomplishes the same as emptying the cache. What I was doing was just closing after I clicked my html and saw what it did, then reopen it. But yea, emptying the cache worked. Thanks again!
Your browser is cacheing the old files. Turn off the cache in your browser!
delete browser cache using ctrl+shift+delete key
and then refresh you page
It probably has to do with that the browser caches your page. Make sure that the cache is cleared when deploying new content.
How to quickly clear cache is different in each browser so google how you easy can invalidate the cache in your browser of choice.
http://itdc.lbcc.edu/cps/engines/clearcache/index.html Use this to clear your cache.
Do ctrl-F5 to fetch an uncached version of your page.

Categories

Resources