Tenho uma pagina que na verdade eh bem simples, com html e um canvas com apenas algumas linhas, nem bootStrap nao estou usando.
E ela simplesmente "aborta" o download de vários elementos, como algumas imagens e/ou arquivos de CSS... (posso conferir isso em [F12] [network]) Alias se dou vários F5, alguns elementos começam a ser carregados...
MAS, quando estou acessando local, clicando direto no arquivo index.html tudo fica 100% no lugar!
Então gostaria de saber se tem alguma maneira de forçar o carregamento completo da pagina? principalmente porque no chrome, FireFox, vivaldi, safari, ie11, opera... tudo funciona rápido e sem problemas!
( preciso garantir que rode pelo windows, pelo MAC e pelo linux )
Ou seja, existe um comando para forcar o DownLoad (para o IE10 ) de toda a pagina? Uma vez que tenho certeza de que ela esta existe?
Por favor confira problemas "similares" no StakOverFlow em ingles: https://stackoverflow.com/questions/18083239/what-happened-to-always-refresh-from-server-in-ie11-developer-tools
eis o meu código (espero que não seja muito grande) e não creio que ele tenha erros, pois apenas não e 100% carregado no IE10, quando pegando do server!!!!!!!!;
quando carrega local TUDO funciona perfeitamente!!!:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html id="html" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- https://blogs.msdn.microsoft.com/luisdem/2013/07/18/modos-de-compatibilidade-do-internet-explorer/ Edge -->
<!-- meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >
<!--META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1" -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap-slider.css">
<link rel="stylesheet" href="css/jquery.keypad.css">
<link rel="stylesheet" href="css/em.css">
<script src="lib/jquery-1.11.2.min.js"></script>
<script src="lib/jquery.plugin.js"></script>
<script src="lib/jquery.keypad.js"></script>
<script src="lib/fabric.js"></script>
<script src="lib/angular.min.js"></script>
<script src="lib/bootstrap-slider.js"></script>
<script src="lib/detect.js"></script>
<script src="lib/class.SiteMain.js"></script>
<!-- script src="lib/main.js"></script -->
<style type="text/css">
.canvas-container {
display: inline-block;
text-align: center;
}
</style>
</head>
<body id="body">
<div style="position:absolute; ">
<div id="logTxt1"></div>
<div id="logTxt2"></div>
</div>
<table>
<tbody>
<tr>
<td valign="middle">
<div class="container">
<img style="display: none;" src="images/candles.png" id="candle01"/>
<div class="changeview left">
<a href="javascript:void(0);" id="moveLeft">
<img src="images/left.png"/>
</a>
</div>
<div id="main-cavas" class="canvas-container-wp" width="1400" height="1000" style="text-align:center;">
<canvas id="c" width="1400" height="1000"></canvas>
<img class="hide" src="images/circle.png" id="len-img">
<img class="hide" src="images/diverging.png" id="len-img2">
<img class="hide" src="images/candles.png" id="candles-img">
<img class="hide" src="images/f1.png" id="f1-img">
<img class="hide" src="images/f2.png" id="f2-img">
<img class="hide" src="images/candles-2.png" id="f15-big-img">
<img class="hide" src="images/candles-2.png" id="f15-img">
<img class="hide" src="images/candles-2positive.png" id="f15-img-positive">
<img class="hide" src="images/candles.png" id="big-img">
<div class="changeview right" style=" clear:both; display:none;">
<a href="javascript:void(0);" id="moveRight">
<img src="images/right.png"/>
</a>
</div>
</div>
<div class="rightControl" id="sidebar">
<div class="box box1">
<div class="title">
<img src="images/t1.jpg"/>
</div>
<input id="len-control" type="text" data-slider-min="1" data-slider-max="100" data-slider-step="1" data-slider-value="50" data-slider-orientation="vertical"/>
<input id="len-value" class="inputValue" type="text" min="1" max="100" value="50">
<div class="relative">
<div class="lentemp"></div>
</div>
<div class="clear"></div>
</div>
<div class="box box2 box2dif">
<div class="title">
<img src="images/t2.jpg"/>
</div>
<div class="labelA">
<span>
<img src="images/a.png"/>
</span>
<input id="valueofA" class="inputValue" type="text" min="15" max="200" value="100">
</div>
<input id="aValue" type="text" data-slider-min="15" data-slider-max="200" data-slider-step="1" data-slider-value="100" data-slider-orientation="horizontal" value="100"/>
<div class="relative">
<div class="atemp"></div>
</div>
<img src="images/circle-s.png" class="circle-img" id="slideBar1">
<div class="clear"></div>
</div>
<div class="box box2 box3">
<div class="title">
<img src="images/t3.jpg"/>
</div>
<div class="labelA">
<span>
<img src="images/f.png"/>
</span>
<input id="valueofF" class="inputValue" type="text" min="15" max="100" value="50">
</div>
<div class="f-box">
<input id="f-control" type="text" data-slider-min="15" data-slider-max="100" data-slider-step="1" data-slider-value="50" value="50"/>
<div class="f-control-2">
<input id="f-control-b" type="text" data-slider-min="15" data-slider-max="100" data-slider-step="1" data-slider-value="50" value="50"/>
</div>
<div class="relative">
<div class="ftemp"></div>
</div>
<div class="tempspan" id="tempspanDiv"></div>
</div>
<div class="clear"></div>
</div>
<div class="nomralBox">
<div class="vl1">
<span>
<img src="images/t4.png"/>
</span>
<input id="b-value" class="inputValue" type="text" value="100">
<input id="b-value2" class="inputValue" type="text" value="2" Style="display:none;">
</div>
<div class="vl1 vl2">
<span>
<img src="images/t5.png"/>
</span>
<input id="m-value" class="inputValue" type="text" value="33.3">
<input id="m-value2" class="inputValue" type="text" value="0.3" Style="display:none;">
</div>
<div class="clear"></div>
</div>
<div class="nomralBox">
<div class="buttons2">
<a>
<img src="images/button1.png" id="button1">
</a>
<a class="btn2">
<img src="images/button2_normal.png" id="button2">
</a>
<div class="clear"></div>
</div>
</div>
<div class="nomralBox">
<div class="buttons2 btn22">
<a style="cursor: pointer;" id="btnReset">
<img src="images/button3.png" class="normal" alt=""/>
<img src="images/button3-hover.png" class="hover" alt=""/>
</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</td>
</tr>
</tbody>
</table>
<script>
$(document).ready(function() {
$('#moveLeft').click(function() {
$('body').addClass('moveLeft').removeClass('moveRight');
$(this).parent().hide();
$('.changeview.right').show();
});
$('#moveRight').click(function() {
$('body').addClass('moveRight').removeClass('moveLeft');
$(this).parent().hide();
$('.changeview.left').show();
});
});
</script>
</body>
</html>