I am really humbled now. I have been trying to get my application cached in IE11 browser with no luck.
I will be really thankful if some one tell me whats going wrong. I did lot of reading whole day , but couldn't find what is causing the issue.
Issue:
My offline application gets cached correctly based on my manifest file in Chrome and Firefox. But the app doesn't get cached in IE11 (which is the only IE that I have). I have no clue what is going wrong.
My code:
manifest.appcache
CACHE MANIFEST
#V1.0
CACHE:
/FormsOffline/index.html
NETWORK:
*
index.html
<!DOCTYPE html>
<html ng-app="app" lang="en" manifest="manifest.appcache">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Forms</title>
<link href="/FormsCommon/vendor/css/all.css" rel="stylesheet" />
<link href="/FormsCommon/assets/css/main.css" rel="stylesheet" />
</head>
<body>
</body>
</html>
When I run the index.html page, i get the following erro in the IE11 console:
Creating AppCache with manifest: 'http://127.0.0.1:7101/FormsOffline/manifest.appcache'.
AppCache Fatal Error
Am building my offline application using html5, angularjs and the server is Oracle weblogic.
Related
I've been following the Font Awesome guides how to use their kits, but when I inserted this code at the end of my body tag, I get an error, and I can't use any icons.
<script src="https://kit.fontawesome.com/a4c00a89bc.js" crossorigin="anonymous"></script>
Here is the full HTML file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="imgs/favicon.ico" />
<link rel="apple-touch-icon" href="imgs/logo192.png" />
<link rel="stylesheet" type="text/css" href="scss/main.css">
<title>My title</title>
</head>
<body>
<div>Facebook<i class="fab fa-facebook"></i></div>
<script src="https://kit.fontawesome.com/a4c00a89bc.js" crossorigin="anonymous"></script>
</body>
</html>
And here is the error message:
Access to script at 'https://kit.fontawesome.com/a4c00a89bc.js' from origin 'http://localhost:63342' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
GET https://kit.fontawesome.com/a4c00a89bc.js net::ERR_FAILED
Any idea?
It looks like JavaScript Debug server caused the problem, that I was using because of the Live Edit plugin. As I restarted the server, the script worked. Also, if I just opened the html file, it worked properly. But the problem always occur at first start of the JavaScript Debug server, when it opens up the browser.
A quick note: put the script rather between the head tag, because it inserts a stylesheet into the html file.
(I am using JavaScript Debug server in phpStorm)
I had the same problem. It turns out that I added domain restriction of my font awesome kit, which you can configure on the Font Awesome website. I added mydomain.com, while the correct way is to add *.mydomain.com to allow any subdomain in my website to use the font awesome script. The problem went away once I fixed the error.
You can check the domain setting of your kit in your Font Awesome account to see if it is the cause of the CORS blocking problem.
I have started studying web development and decided to use VS Code. It is currently running on a Linux Mint dist (19.03). Decided to add some extensions, including Live Server so I don't need to constantly hit F5 to see the changes. Problem is: I inserted an image on my html page and if I open the page through Live Server, the picture just doesn't show up, but if I go to the HTML file and open it, it shows perfectly. Could someone help me with this issue? Thank you! I am leaving the code here so you can have a look:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DOM</title>
</head>
<script src="dom.js"></script>
<body>
<img src="/../HTML/me.jpg" />
</body>
</html>
/../ in the img src tag does not look correct.
I set up my website locally on my hard disk, and everything works fine.
But when I upload my website to the server, the file "style.css" is not loaded.
When I look at code (F12), it gives me:
"style.css:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error)".
The HTML file looks like this:
enter code here
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Child-Abduction.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="verify-v1" content="L0UzG/4pPu9fgnLL3FmaFIzGkaVSoAgVZ9LHzQ0yx0c=" />
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon.ico" type="favicon/ico"/>
<link rel="stylesheet" href="style.css">
</head>
Any idea why "style.css" refuses to load on my website?
TIA
Found what was causing the "error".
Seemed that several other files were not accepted by the server although on my notebook everything worked fine.
For some reason, EVERYTHING that's uploaded to the server needs to be in "lower case".
Uploaded also some *.JPG files that were not accepted by the server until I changed them into *.jpg.
Thanks
I have my index.html file and another file titled page2mainfeed.html, when you click the submit button in the the index file it takes you to the page2mainfeed.html. this works fine when the files are opened with Firefox, but when i try running them in live server, after i hit submit, i get the error message "The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol." Here's the head for index.html,
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pigeon</title>
<link rel="stylesheet" type="text/css" href="css/pigeonindex.css" />
</head>
And here's the head for page2mainfeed.html
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pigeon</title>
<link rel="stylesheet" type="text/css" href="css/page2mainfeed.css" />
</head>
I'm pretty new to html so i'm sure the answers pretty simple, but none of the other solutions ive found have worked. Thanks in advance.
Is your form submitting to a server-side file? It likely has to do with the encoding of that file's output.
eg: a php file would need to include this:
header('Content-Type: text/html; charset=utf-8');
You might get some insight from some of the more recent answers in this post:
The character encoding of the HTML document was not declared
I am trying to create a webcomponent that includes the forge viewer. Im sadly running into an issue where the forge viewer fails to properly load the lmvworker and the allstrings.json
It looks like the viewer has problems loading them when used into a webcomponent: viewer3D.js:40122 GET https://stacksnippets.net/lmvworker.js 404 (Not Found)
The viewer is fetched from developer.api.autodesk.com
To properly see the error open the inspector.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Core</title>
<base href="./">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.14/webcomponents-hi.js"></script>
<link rel="import" href="https://raw.githubusercontent.com/zedero/forge-webcomponent/master/bim.html">
</head>
<body>
<bim-viewer></bim-viewer>
</body>
</html>
Webcomponentjs still new to me, but manually loading lmvworker.js causes some problems. Can you try removing this line?