Tag: 谷歌

Json文件不会出现在谷歌浏览器中

我正在开发一个通过jQuery和Leaflet显示Json文件的页面。 Flickr方面运行正常，但是当我尝试$ .getJSON o时，我在Chrome的控制台中看到一个错误： XMLHttpRequest无法加载file：/// C：/AppServ/www/PFEleaflet/test%20geojson/lot.json。 交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource。 但是当我尝试在FireFox中打开.html页面时，Json文件显示出来，它运行正常。 这是我正在使用的代码： var geoLayer = L.geoJson().addTo(map); var geoList = L.control.geoJsonList(geoLayer); geoList.on(‘item-active’, function(e) { $(‘#selection’).text(JSON.stringify(e.layer.feature.properties)); }) .addTo(map); $(‘#geofile’).on(‘change’, function(e) { $.getJSON(this.value, function(json) { map.removeLayer(geoLayer); geoLayer = L.geoJson(json).addTo(map); map.fitBounds( geoLayer.getBounds() ); geoList.reload( geoLayer ); }); }).trigger(‘change’); 请帮忙。

HTML5video自动播放在Chrome中运行不正常（仅限声音）

我的页面上有一个带有webm和mp4源文件的HTML5-Video。 使用控件并单击播放按钮时，video播放器可在Firefox和Chrome中使用。 当我将autoplay=”autoplay”属性添加到video时，autoplay正在firefox中运行，但Chrome只是显示海报并播放声音。 单击Chrome中的播放按钮时，video会播放但声音播放两次。 我还试图删除autoplay属性并通过jQuery强制自动播放： $(document).ready(function () { $(‘.movie’)[0].play(); }); 但这没有帮助。 任何人都有同样的问题，知道一个有效的解决方案

$（窗口）.resize（）和打印预览模式

我有一段非常简单的代码，可以在resize后刷新窗口。 $(window).resize(function() { location.reload(); }); 当我尝试在Chrome中打开打印预览模式（Ctrl + P）时，它也会刷新它。 任何想法如何避免这种行为？

在继续执行javascript之前，我可以强制浏览器呈现DOM更改吗？

我正在填充一个包含大约500行的表，这需要浏览器几秒钟来呈现，而它看起来是冻结的。 这就是为什么我要显示一条要求用户耐心的消息： $.ajax({ url: ‘{{ search_url }}’, success: function (response) { $(‘#progress’).text(‘Rendering results, please wait…’); clear_table(); populate_table(response); } }); 消息未显示 – 显然浏览器（在Chrome 23中测试）缓冲所有DOM更改并一次性呈现它们。 作为一种解决方法，我发现当我延迟填充表直到执行回到事件循环时，实际显示消息： $.ajax({ url: ‘{{ search_url }}’, success: function (response) { $(‘#progress’).text(‘Rendering results, please wait…’); window.setTimeout(function () { clear_table(); populate_table(response); }, 0); } }); 我想知道这种方法是否会一直有效，或者是否有更好的技术。

通过在Chrome中滚动父窗口来阻止iframe中的location.hash

场景： 我正在构建一个在Chrome中运行的自助服务终端应用。 在其中我通过带锚的链接（http：/www.whatever.com/#specific_content）将来自另一个域的iframe加载到模态中。 问题： 加载该内容时，iframe会跳转到#specific_content，但父页面也会跳转。 这是一个单页自助服务终端应用程序，因此父页面的位置非常重要。 场景的实际细节比上面的更复杂： 要禁止在应用程序中滚动我有身体{overflow：hidden;} 为了允许定位，我使用一个设置为视口大小的包装容器。 为了模拟滚动，我要么绝对地重新定位包装器，要么绝对地在包装器中定位内容。 为了演示这个问题，我已经设置了一个jsFiddle，但你需要看看没有jsFiddle chrome的输出，看看问题的全部范围： 步骤1）单击“链接到内容”，这将重新定位包装器 步骤2）点击“链接加载”，这将加载iFrame内容 演示： http ： //jsfiddle.net/w47GT/8/embedded/result/ 小提琴： http ： //jsfiddle.net/w47GT/8/ 代码： CSS： html, body { height:100%; padding:0; margin: 0;overflow:hidden; } .background { width : 100%; height:400%; background:#333 url(‘http://sofzh.miximages.com/javascript/runner-at-sunset.jpg’); } .wrapper { position:absolute;width:100%;height:200%; } iframe { width:50%;height:50%;position:fixed;top:25%;left:50%;margin-left:-25%;border:2px solid red;background-color:#ddd; } .link { width:100%;height:25px;position:absolute;top:25px;background-color:green; } […]

谷歌浏览器打印预览不会第一次加载页面

我正在尝试使用此代码打印页面 function Popup() { var mywindow = window.open(”, ‘Ticket info’, ‘height=400,width=600’); mywindow.document.write(‘my div’); mywindow.document.write(‘ *{margin: 0; padding: 0;} body{padding: 3px; padding-left:20px;font:6px bold Arial;}’); mywindow.document.write(”); mywindow.document.write(”); mywindow.document.write(”); mywindow.document.write(”); mywindow.document.write(‘$(“#demo”).barcode(“1234567890128”, “code39″);’); mywindow.document.write(”); mywindow.print(); return true; } 基本上它会弹出一个窗口并显示页面的打印预览。 加载打印预览的第一次尝试将不会加载条形码，当您取消第一次打印预览时，然后右键单击页面并再次打印第二次打印预览现在将显示要打印的条形码。 我认为问题来自这条线： mywindow.document.write(‘$(“#demo”).barcode(“1234567890128”, “code39”);’); 当我评论此行并向页面添加虚拟文本时。 它将在第一次尝试时自动显示在打印预览中。 在我尝试从css文件加载样式之前，我遇到了同样的问题。 我通过将样式直接传递到弹出窗口来解决这个问题。 我的问题是为什么会发生这种情况？ 如何在首次尝试打印预览时加载条形码？

在上传过程中，safari / chrome / opera能否发出ajax请求？

基本上我正在做一个简单的ajax请求 function upload(){ setInterval(function callMeOften() { $.ajax({ method: ‘get’, url : ‘uploadinfo.php?unique_id=’, dataType : ‘text’, success: function(text){ updatebar(text); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.status); alert(XMLHttpRequest.responseText); } }); }, 5000); } function updatebar(per){ $(‘#updateMe’).animate({“width” : per}); } 到一个PHP脚本 $unique_id = $_GET[‘unique_id’]; $progress = uploadprogress_get_info($unique_id); if(function_exists(“uploadprogress_get_info”)) { if (floor(($progress[‘bytes_total’]/1024)/1024) > 100){ echo “run”; } else […]

window.location.replace（href）后面的后退按钮失败;

我做了一个简单的函数，使所有容器的行为像链接（“a”元素）。 function allHot(element){ $(element) .click( function(){ var href = $(this).find(‘a’).attr(‘href’); window.location.replace(href); }) .hover( function(){ $(this).css({‘text-shadow’ : ‘0px 1px 0px #D6D6D6’}); }, function(){ $(this).css({‘text-shadow’ : ‘none’}); } ); } function很棒。 用户可以单击容器上的任何位置并正确地重定向，而不是单击“更多”按钮。 但是，如果用户在重定向后点击后退按钮，则浏览器会返回两步而不是一步。 更奇怪的是，历史看起来还不错。 简单方案以更好地描述： 第1页 – >第2页 Page2 [用户点击“allHot”容器] – > allHot重定向到Page3 Page3 [用户点击浏览器后退按钮] – > Page1 这是我正在努力的网站的主要错误。 我真的没有预防它的线索。 在Firefox，Chrome和Opera上测试了Bug。 还测试了Opera“没有javascript模式”。 如果禁用了javascript，则不会发生问题。 提前感谢任何线索或解决方案。

禁用用户在Web浏览器中从控制台调用函数

所以，我正在用html5和javascript构建游戏，我想通过在Web浏览器中从控制台调用我的一些function（例如saveScore（100000））来防止作弊。 任何想法如何防止这种情况？

scrollTop在Firefox和IE上不起作用？

我有下面的代码，在chrome中工作正常。 但是，它不适用于Firefox和IE。 什么都没发生。 $(“body”).animate({scrollTop:$(this).offset().top},800); 所以我可以问我应该为firefox和IE写什么？ 谢谢。