HTML 5 offline applicatin failed to load cached resource - html

I have cache static resources of my website using manifest file
But when I run website when internet is not connected images not shown.
Images also should cache because I putted them in manifest file.
For example I have cached this file but this file is not loaded when the Internet is disconnected.
Here is google chrome console snapshot :

I also had the same problem. I included below in the cache.manifest file & it fixed for me.
NETWORK:
*

Its strange ..
The problem resolved just when I changed images folder name !

Related

Chrome Extension No manifest found in package

Currently trying to add a new extension via the Chrome developer dashboard but getting the below error when I try to upload the zipped folder.
No manifest found in package. Please make sure to put manifest.json at
the root directory of the zip package.
This is what's inside the zipped folder, which as you can see, has the manifest in it's root.
The manifest is v3 and everything works fine unpacked in the extensions developer mode when I'm testing it.
Any ideas what I'm missing here?
It turns out it was as simple as the name of the manifest being Manifest and not manifest... the capitalised M made all the difference...
there's a day of my life I'm not getting back.

Chrome crashes on loading serviceworker for localhost

Using Workbox's Get Started Guide, I have recently gotten a service worker working on my webapp. However, after adding networkFirst, the app did not register any cached js. However, the service worker needed to be restarted and reloaded before any logs showed up in the console.
After adding CSS caching, when I load my webapp in Chrome using localhost, it crashes. The app does not crash Firefox.
I've posted this to bug reports (sw.js file posted there) but thought I'd try here in case anyone has experiences and solved this, or it's an issue with my files or file structure.
mywebsite
--/static
- sw.js
- index.html
- main.js
- manifest.webmanifest
-- /favicons
- manifest.json

Uploading remote image to webpage using Chrome File Upload Dialog

How do I upload an image that is located on the web to a different webpage without manually downloading and uploading it?
Example: Using the Chrome browser I want to upload the Wikipedia logo onto this post. I copy the URL of the image, https://www.wikipedia.org/portal/wikipedia.org/assets/img/Wikipedia-logo-v2.png, and on this page I click Image and paste the URL in the Upload File Dialog but then I get an error.
Screenshot of error at Chrome's Open File Dialog:
I used to be able to just paste the URL of a remote image and it would upload it as if it was a local file (probably downloading it to the Windows temporary internet files folder).
I'm not sure what happened, but when I try this now I get an error stating that the "The RPC has failed and did not execute" (translated from Dutch). Searching the internet for this error related to Chrome uploads gave no results.
Is my computer being weird, or have I been using a functionality that shouldn't have worked in first place?

How to create a hyperlink to shared network directory or file?

I've checked the following two related discussions:
1. How do I make a hyperlink to a local executable?
2. An URL to a Windows shared folder
3. File Url Cross Domain Issue in Chrome- Unexpected
4. Firefox Links to local or network pages do not work
The following links work when I visited the website on localhost. That is, http://localhost.
A Shared Network Directory
A Shared Network Directory
A Shared Network Directory
But when I visited with http://172.21.1.123, all of above links have no response.
The debug console shows that Not allowed to load local resource: file://172.21.1.123/DIR.
Test Environment (Both of them have the same result.):
- Chrome 28.0.1500
- IE 10
If it is due to the security reason, any configuration to turn off? Or any idea?
The reason that you cannot link to a network share from an external/hosted/live site is because of security features of latest browsers like Firefox.
You can only open local network shares from a local HTML document.
The only way around this is to install a plugin for your browser that removes or disables this security feature as far as I know.

Appcache Manifest not working

I have the following appcache manifest:
CACHE MANIFEST
# Cache Manifest timestamp: 1361723106
CACHE:
offline.html
offline2.html
offline.manifest.php
NETWORK:
*
FALLBACK:
/ offline.html
I am using this on my local installed server.
So when I load the index.html file which links to this manifest file, the consolse in Chrome shows me that all files are cached properly. When I now shut down my local server and try to access the index.html file again, then I see the content of that index.html file. I was expecting to be "forwarded" to offline.html. What am I doing wrong?
Thanks in advance!
Although you speak of an "index.html" file, I'm assuming you're accessing the resource like this: http://yourlocalservername/ .
The resource that links to the appcache manifest (in this case "/") is always included in the application cache. Fallback applies to resources which are not in the cache, so the result you get is expected.
The only way to show an "offline indicator" when accessing a previously cached resource, is to ensure the cached resource includes javascript code that actually checks if the browser is offline. You could check navigator.onLine and/or check with XMLHttpRequest to see if your server is reachable (and functioning).