I have this issue for a while and I want to know if it is just me or it is the way chrome works. When I make changes to an image and upload it, on reload chrome fails to show the new image, instead it shows the old image. Firefox shows the new image. This happens mostly with big images, like background. So I have to wait for a few minutes before chrome shows the new image... Is this a rule or it happens just with my browser?
This might happen because your local clock isn't synchronized with the web server. When you upload an image, a new file is created. The server will return the time stamp of the file when the browser asks for it. If that time stamp is older than what you have in your cache, the browser won't load the image again (assuming it's still good enough).
You should inspect the image (right click on it) and then look at the network activity. Chrome will tell you there whether it did load the image and why not.
Looks like it's caching issue. This logic is different for different browsers.
You can clear Chrome cach by pressing Ctrl+Shitf+F12 and set option "Empty the cache". After this action new image should load always.
Related
I was just watching some street view images in this website where if you refresh everytime it loads up a new image. Then I realized a image was too beautiful and I was trying to save that image somehow, and it is when I came to know that I can't right click and same street view (Panorama) images. I thought maybe going to developer tools then network might help but it requires to be opened before I load up the page or I have to refresh the page which is disasters in this case.
I know the images loads up on browsers gets saved in the data folder of the browser. But I don't know how to retrieve them or is there any other ways I can save the image?
I have a window.open code to launch inappbrowser on phonegap. I use it for displaying image.
This inappbrowser has EnableViewPortScale=yes, so it's totally zoomable.
However, it seems like there is zoom-out-limit in inappbrowser. Here is the code.
window.open(myFullImageUrl, '_blank',
'location=no,EnableViewPortScale=yes,presentationstyle=pagesheet');
It's already zoomed-in a little. I can zoom-in-and-out because of EnableViewPortScale=yes for sure.
However, it seems like there is zoom-out-limit.
when i load up 1024x768 photo, it doesn't show fully zoomed-out photo(on both iOS and Android), but it's like 120%-ish already zoomed in.
I Just created stackoverflow account, so i can't upload photo. sorry!(it says i need 10 reputations to upload image)
There is no true solution for this issue.
So what I did is I just continue using inAppBrowser, but just instead of directly loading image from Amazon server(that's where I stored all images), I just made my window.open to go to another my URL and attach that url as a parameter after '?'.
The reason why I did this is because then I can force the Image web-view to have brief Javascript and CSS to render this dang-image correctly.
And as you guys know, this page must have meta-data that allows user-scale true, and must NOT have max-scale value.
So, Yep. Long story short, If you DIRECTLY load up the image in the inAppBrowser of phonegap, there is NO WAY you can force the image to start with 'not even slightly zoomed-in, but perfectly zoomed-out to the max'. Your own Page, Your own JS and CSS is the way to go guys.
For some reason when I use Chrome to test out my website, no images load at all, not even tiny ones like loading icons or the simple "back to top of page" arrow icon at the bottom. The browser tab just hangs on the spinning circle loading state. If I refresh it like 10 times or something then a portion of the images might load. Interestingly my Nivo-Slider images never load... there is a large empty space at where the Nivo-Slider gallery should be at the top left of my page no matter how many times I refresh.
The console is completely clean of errors if you check.
Can anyone check for me why my website is not working in Chrome? It works perfectly in Firefox/IE. I admit some images might have large file sizes but it shouldn't cause Chrome to hang for like half an hour?
I'm using latest Chrome/IE/Firefox. Windows 7 64-bit.
My website: www.symphonyofpromise.com/inspiration/en
By the way my website is a completely fictional museum/gallery project, it's not the official site for some museum!
I cannot be 100% certain on this, but judging from the Network panel, you might be loading too many MP3 files at the same time, thus maxing out the number of simultaneous requests. Chrome might use a different prioritization algorithm.
I would recommend removing some of those MP3 files and deferring loading until after the initial load.
EDIT:
Nevermind that, it appears that the MP3s load fine, but other resources are definitely blocking it. A request should never be pending this long. Poke around further in the Network panel and you'll find the problem.
In FireFox and IE, the images on this page load almost instantly (especially when they're cached by the browser).
But in Opera they load super slow. Even had to select one of them to "reload" to get it to appear. Can anyone see why this would be? Is it a problem with the webpage or how the images are served, or is it a problem with Opera settings? Been looking for image cache settings, but haven't really found anything that looks abnormal...
Here they load about as slowly in Chrome, but the animation seems to appear somewhat slower in Opera. I think the reason they load slowly is that all images redirect somewhere else - for example http://www.triangelos.no/u/10/thumb redirecting to http://www.triangelos.no/uploads/2012/05/4fc4028947b4b_875e059c43d1aaafab4db5afe569f10c.jpg_thumb.jpeg . Browsers are reluctant to cache redirects because they might redirect somewhere else next time, so you'll have to wait while each URL is re-checked before the actual images are loaded from cache.
I have been developing a media player browser plugin for the past few month using Firebreath, but I do not think this is a Firebreath problem.
Currently I am stuck on this weird problem that occurs when one tries to reload the webpage containing the plugin. The image that was being displayed before the reload will stay stuck on the top of screen. The new reloaded plugin will be alive and well behind it but the old image will stay stuck their on the screen forever. If I scroll or resize the browser or even change URLs the image will stay put, however If I move the browser the image will follow. The image stays after closing a tab, but leaves when closing the window
Here is a screenshot that demonstrates what I am talking about.
http://i.imgur.com/asB7i.jpg
( I am a new user so I cant post images )
Has you can see I left my plugin's page and went to the Firebreath website and the image still persists.
This problem happens on both windows and linux, much less frequently on linux, and happens when using both directx and opengl. But only happens on chrome.
Just wondering if you, or anybody else, has any thoughts, suggestions, or insights as to what might be happening. I've tried everything including atrocious hacks and nothing seems to work.
Thank you.
Your problem is most likely that you aren't tearing down your directx or opengl context when the DetachedEvent fires. AttachedEvent is the earliest you can set it up, and DetachedEvent is the latest you can leave it running.