Json 文件不显示在谷歌浏览器中

关键词：

【中文标题】Json 文件不显示在谷歌浏览器中【英文标题】：Json file dosen't show up in google chrome 【发布时间】：2015-07-22 15:02:29 【问题描述】：

我正在开发一个通过 jQuery 和 Leaflet 显示 Json 文件的页面。

Flickr 端工作正常，但是当我尝试 $.getJSON o 时，我在 Chrome 的控制台中看到一个错误：

XMLHttpRequest 无法加载文件：///C:/AppServ/www/PFEleaflet/test%20geojson/lot.json。跨源请求仅支持协议方案：http、data、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');

请帮忙。

【问题讨论】：

【参考方案1】：

建议在本地服务器上打开此页面，而不是使用文件协议，这会导致这里和其他地方出现问题。 Nodejs serve 很棒，还是 Ruby 内置的 http 服务器。

这是一个很棒的清单。 https://gist.github.com/willurd/5720255

【讨论】：

我用 apache AppServe 对其进行了测试，它运行良好。非常感谢【参考方案2】：

默认情况下，Chrome 不允许任何页面访问 file:/// 方案，即使该页面也在该方案中（在您的本地计算机上）。您可以通过向 Google Chrome 快捷方式添加参数来覆盖此默认设置，如下所示：

转到您的桌面并复制 Google Chrome 快捷方式。右键单击快捷方式，然后单击Properties。在属性窗口中，将以下内容添加到目标属性（引号之外）：

--allow-file-access-from-files

这应该会产生一个看起来像这样的目标属性：

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files

现在关闭所有打开的 Google Chrome 窗口并确保没有 chrome.exe 进程正在运行。将您的文件拖到刚刚创建的新快捷方式上，您的页面应该会启动并正常工作。

注意：我不建议更改原始快捷方式或将其设为默认快捷方式，因为启用此功能后，任何页面都可以访问file:/// 方案，而不仅仅是您机器上的页面。

【讨论】：

好的，我现在试试看结果。非常感谢 我试图让它工作，但即使我将它添加到引号之外，属性目标也不接受新值。这是我收到的消息：在 Start in 字段中指定的文件 "C:\Program Files\Google\Chrome\Application\chrome.exe"--allow-file-access-from-files is invalid 。验证文件是否存在且路径是否正确 确保.exe" 和--allow 之间有一个空格。如果没有空格，我会收到相同的错误消息。 是的，这是错误，但即使我添加了空格，属性的开头也没有改变，它仍然是“C:\Program Files\Google\Chrome\Application\chrome.exe”。并且 Json 文件仍然没有显示出来！ 这很奇怪，因为我使用相同的方法来测试我的一个项目并且效果很好。 "C:\Program Files\Google\Chrome\Application\chrome.exe" 的快捷方式是否可以单独使用？

CSS未显示在谷歌浏览器的覆盖选项卡中

】CSS未显示在谷歌浏览器的覆盖选项卡中【英文标题】：cssnotshowingincoveragetabofgooglechrome【发布时间】：2019-10-2121:37:19【问题描述】：我想分析我网页上未使用的CSS数量。这个网页是用Angular7编写的，css正在被添加到angular.json构建... 查看详情

刚刚装了谷歌浏览器，在谷歌浏览器中怎样启动应用

...所有的应用应该去哪找呢，怎么快速启动它呢，PS　这个浏览器界面太简洁了，简洁到我调了半天才把书签栏给调出来，但是应用始终没找到～～另外高手再介绍一下谷歌浏览器相关的技巧吧！一些必备的插件，应用等等谢谢要... 查看详情

javascript文件中有中文，在谷歌浏览器中乱码，在ie，火狐中正常显示

...t;daiyi.js文件中有中文，在ie，火狐中正常显示，但在谷歌浏览器中js文件中的中文乱码functionaddPage()varobj=document.getElementById('pagecount');if(obj)//varpagecount=obj.value;varmypage=document.getElementById('mypage').value;varselectPage=document.getEl... 查看详情

为啥同一网页在谷歌浏览器中另存为 PDF 时字体大小不同？

】为啥同一网页在谷歌浏览器中另存为PDF时字体大小不同？【英文标题】：WhythesamewebpagehavedifferentfontsizewhensaveasPDFinGoogleChrome?为什么同一网页在谷歌浏览器中另存为PDF时字体大小不同？【发布时间】：2020-09-0821:11:33【问题描述】... 查看详情

如何在颤振中使用 json API 在谷歌地图中添加标记？

...tData)向我的地图添加标记。当我运行我的代码时，地图不显示标记。我想我没有正确访问列表。我只想使用这些参数：来自EventData的GPSPoint_ 查看详情

iscroll在谷歌浏览器中的问题

...还有很多其他功能。不过，在使用iScroll的时候，在谷歌浏览器中出现不支持的情况，即，做移动的时候，出现卡顿或是每次只下拉或上拉几像素的问题。所以，，应该将PointerEvent关闭。那么什么是PointerEvent？又该如何关闭呢？... 查看详情

我想通过从 json 获取经度和纬度在谷歌地图上显示标记

】我想通过从json获取经度和纬度在谷歌地图上显示标记【英文标题】：iwanttoshowmarkerongooglemapbygettinglongitudeandlatitudefromjson【发布时间】：2016-12-1506:13:40【问题描述】：我想通过从json获取经度和纬度来在谷歌地图上显示标记。如... 查看详情

在谷歌玩游戏中默默解锁成就，不显示通知

】在谷歌玩游戏中默默解锁成就，不显示通知【英文标题】：Unlockachievementingoogleplaygamessilently,withoutshowingnotification【发布时间】：2014-04-1801:24:07【问题描述】：我正在使用googleplay服务，我的android游戏中的成就（实际上是统一的... 查看详情

如何在谷歌浏览器中设置兼容性视图

...在谷歌商店或者网上搜索下载谷歌插件IETab,然后打开谷歌浏览器，点击右上角地址栏后面的三条设置按钮。2、在下拉列表中选择“设置”。3、选择“扩展程序”选项。4、将下载好的文件夹中的IETab插件直接拖入谷歌浏览器中。5... 查看详情

在谷歌浏览器中动态查看pdf文件(代码片段)

if(/.pdf/g.test($(this).text()))letlink=document.createElement("a");link.style.display="none";link.setAttribute("target","_blank")link.href=src;document.body.appendChild(link);link.click(); 查看详情

iscroll在谷歌浏览器中bug

...app嵌套html页面时，导致列表页滑动不起来，并且在chorme浏览器中使用手机模式，也滑动不起来，在scroll插件的IScroll函数最后增加 document.addEventListener(‘touchmove‘,function(e){e.preventDe 查看详情

怎么在ie显示nan，在谷歌浏览器显示正常

参考技术A早期的IE下不支持newDate（）的代参数调用方式。解决方式：12345678910functionNewDate(str)str=str.split('-');vardate=newDate();date.setUTCFullYear(str[0],str[1]-1,str[2]);date.setUTCHours(0,0,0,0);returndate;//调用其中的-可以自行换成其它vardate=ne... 查看详情

如何删除不相关的道路并在谷歌地图中显示所需的路线？对应的API是啥？

】如何删除不相关的道路并在谷歌地图中显示所需的路线？对应的API是啥？【英文标题】：HowtodeleteirrelaventroadsandshowdesiredrouteinGoogleMaps?What\'sthecorrespondingAPI?如何删除不相关的道路并在谷歌地图中显示所需的路线？对应的API是什... 查看详情

谷歌浏览器 jQuery 动画在谷歌浏览器中滞后

】谷歌浏览器jQuery动画在谷歌浏览器中滞后【英文标题】：GoogleChromejQueryAnimationlaginGoogleChrome【发布时间】：2012-01-2107:48:05【问题描述】：我需要使用jQuery平滑地移动对象。我正在使用.animate()方法。我正在为它的position属性设置... 查看详情

在谷歌浏览器中隐藏视频的原生播放按钮

】在谷歌浏览器中隐藏视频的原生播放按钮【英文标题】：Hidenativeplaybuttonforvideoingooglechrome【发布时间】：2017-05-0418:59:53【问题描述】：我正在尝试隐藏视频中心的默认播放按钮。我有一个自定义播放按钮，但本机播放按钮显示... 查看详情

将存储在谷歌驱动器中的 PDF 文件显示到 WebView

】将存储在谷歌驱动器中的PDF文件显示到WebView【英文标题】：DisplayPDFfilestoredingoogledrivetoWebView【发布时间】：2018-07-2308:14:31【问题描述】：我的应用看起来像：Myappscreen这是我的webview代码：privateStringmyPdfUrl="https://drive.google.com/op... 查看详情

如何在谷歌地图 ios sdk 中显示多条折线

】如何在谷歌地图iossdk中显示多条折线【英文标题】：Howtoshowmultiplepolylinesingooglemapsiossdk【发布时间】：2017-01-1909:42:09【问题描述】：这里我用来获取折线的API是https://maps.googleapis.com/maps/api/directions/json?origin=xxxxxxx&destination=xxxx... 查看详情

如何从dataframe在谷歌存储中创建一个json文件？(代码片段)

...ders.json',orient='records')这会在我的本地项目中保存orders.json文件。我希望将文件写入我的BucketonGoogleStorage而不是本地计算机。是否可以直接生成文件到存储，还 查看详情