I have my own local server setup and wanted to make sure I was compatible with the big 5 browsers (IE,Firefox,Chrome,Safari,Opera), but I've run into a problem with Opera. Namely it is having trouble accessing my local resources, javascript, css, images, etc and hangs.
I can see that the GET request and the server response are good, no problems with the other browsers, but Opera hangs. At first I thought it might be the problem discussed here but I'm not sure if that is the case since Opera eventually does display the page correctly. It seems like it is waiting for something, timing out, then requesting another file until it has all it needs and then displays the page properly. It's not a problem with my Opera's config settings as I'm able to see it great accessed over my thttpd server.
the process looks something like this right now:
- Opera sends GET HTML request to the server
- Server responds with header & HTML file
- Opera waits....
- Opera sends GET resource request to the server
- Server responds with header & resource
- Opera waits...
- Opera renders page
I'm still trying to find an answer to this, but it's frustrating when it works on all of the other browsers.
EDIT (11/23/11 12:15 EST):
Got message from client:
GET / HTTP/1.1
User-Agent: Opera/9.80 (Windows NT 6.1; U; Edition United Kingdom Local; en) Presto/2.9.168 Version/11.52
Host: 192.168.0.3:8082
Accept: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/webp, image/jpeg, image/gif, image/x-xbitmap, */*;q=0.1
Accept-Language: en-US,en;q=0.9
Accept-Encoding: gzip, deflate
Connection: Keep-Alive
Server Response:
HTTP/1.1 200 OK
Content-Type: text/html; charset=iso-8859-1
Accept-Ranges: bytes
Connection: close
Content-Length: 2909
[File content]
EDIT (11/28/11 5:30 EST): Could it be an issue with my HTML head?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="viewport" content="width=device-width">
<title>TestPage1</title>
<!-- Javascript References -->
<script type="text/javascript" src="Styles/Display.js" charset="utf-8"></script>
<!-- CCS References -->
<link rel="stylesheet" href="Styles/Display.css" type="text/css" charset="utf-8"/>
</head>