标签: offline

使react-leaflet能够离线使用

我一直在使用react-leaflet库,到目前为止它运行良好。

现在我希望网站预加载尽可能多的图块,以便网络应用程序(也是 PWA)可以在没有互联网的情况下使用。

我找到了一些现有的解决方案(虽然不是专用于反应)

这是我到目前为止所尝试过的 - 使用 leaflet-offline

import React from 'react';
import 'leaflet-offline';

import {
  Map as LeafletMap,
  TileLayer,
  CircleMarker,
  Marker,
  Popup,
} from 'react-leaflet';

import 'leaflet/dist/leaflet.css';
import L from 'leaflet';
import localforage from 'localforage';

const defaultCoords = {
  latitude: 0,
  longitude: 0,
};

export class MapPage extends React.Component {
  constructor(props) {
    super(props);
    this.map = React.createRef();
  }
  componentDidMount() {
    const map = L.map('map');
    const offlineLayer = L.tileLayer.offline(
      'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
      localforage,
      {
        attribution:
          '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
        minZoom: …
Run Code Online (Sandbox Code Playgroud)

javascript offline leaflet reactjs react-leaflet

6
推荐指数
1
解决办法
3793
查看次数

我的 Angular 7 PWA 在离线时找不到文件“ngsw.json”

我正在做一个 PWA 应用程序,它运行良好(通过了 Chorme 的所有审核),但是当我想在离线模式下尝试它时。出现 504 TIMEOUT 错误。DevsTools(Chorme) 显示“获取脚本时发生未知错误,无法加载资源:net::ERR_INTERNET_DISCONNECTED”,并且当应用程序尝试获取“ngsw.json?ngsw-cache-bust=0.30493506524068925”时,网络切片显示失败”

这是我的包裹:

{
  "name": "avl",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^7.2.8",
    "@angular/cdk": "^7.3.4",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/flex-layout": "^7.0.0-beta.24",
    "@angular/forms": "~7.2.0",
    "@angular/http": "^7.2.8",
    "@angular/material": "^7.3.4",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/pwa": "^0.13.8",
    "@angular/router": "~7.2.0",
    "@angular/service-worker": "^7.2.13",
    "@mapbox/leaflet-pip": "^1.1.0",
    "@types/fontfaceobserver": "^0.0.6",
    "@types/leaflet": "^1.4.3",
    "@types/pixi.js": "4.7.2",
    "cerialize": "^0.1.18",
    "core-js": "^2.5.4",
    "fontfaceobserver": …
Run Code Online (Sandbox Code Playgroud)

offline service-worker progressive-web-apps angular angular7

6
推荐指数
1
解决办法
2872
查看次数

使用 Bazel 离线构建 C++ 项目(无需互联网连接)

我尝试使用此命令从 Bazel 主页(入门)构建 Bazel C++ 构建教程,但没有任何互联网连接:bazel build //main:hello-world

Jenkins 服务器不会与互联网有任何连接,因此我无法进行预取或类似操作。有没有办法在另一台计算机上准备我的 C++ 项目并将依赖项传输到 Jenkins 服务器以离线执行?如何?我只需要从以下错误消息中得到的信息即可运行教程:

Extracting Bazel installation...
Starting local Bazel server and connecting to it...
INFO: Repository rules_cc instantiated at:
  /DEFAULT.WORKSPACE.SUFFIX:267:6: in <toplevel>
  C:/users/XXX/_bazel_XXX/dq2p42jq/external/bazel_tools/tools/build_defs/repo/utils.bzl:201:18: in maybe
Repository rule http_archive defined at:
  C:/users/XXX/_bazel_XXX/dq2p42jq/external/bazel_tools/tools/build_defs/repo/http.bzl:336:31: in <toplevel>
WARNING: Download from https://mirror.bazel.build/github.com/bazelbuild/rules_cc/archive/b1c40e1de81913a3c40e5948f78719c28152486d.zip failed: class java.io.IOException Unable to tunnel through proxy. Proxy returns "HTTP/1.1 501 Not Implemented"
WARNING: Download from https://github.com/bazelbuild/rules_cc/archive/b1c40e1de81913a3c40e5948f78719c28152486d.zip failed: class java.io.IOException Unable to tunnel through proxy. Proxy returns "HTTP/1.1 501 Not …
Run Code Online (Sandbox Code Playgroud)

c++ offline build bazel

6
推荐指数
1
解决办法
4002
查看次数

MYSQL数据库离线使用

有没有办法在没有数据库管理系统的情况下使用MYSQL数据库.比如离线使用表而不在机器上安装数据库管理系统..如果有,请指点我正确的方向?谢谢!

mysql database offline

5
推荐指数
1
解决办法
2万
查看次数

Webview无法加载脱机缓存数据

我遇到了Webview的问题,因为它不会使用缓存.我启动我的应用程序,加载HTML5页面,然后退出页面,在手机上进入飞行模式,然后再次尝试进入网页.它应该被缓存,但我收到一条消息,说无法检索到该URL.

这是我的相关代码.难道我做错了什么???

String weblink = "http://abcd.com";
final ConnectivityManager conMgr =  (ConnectivityManager)
getSystemService(Context.CONNECTIVITY_SERVICE);

final NetworkInfo activeNetwork = conMgr.getActiveNetworkInfo();

if (activeNetwork != null && activeNetwork.isConnected()) {
    progressBar = ProgressDialog.show(this, "Please Wait", "loading online..");
    mWebview.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);
    mWebview.getSettings().setAppCacheMaxSize(1024*1024*8);
    mWebview.loadUrl(weblink);
    setContentView(mWebview);
} 
else 
{
    progressBar = ProgressDialog.show(this, "Please Wait", "loading offline..");
    mWebview.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ONLY);

    mWebview.loadUrl(weblink);
    setContentView(mWebview);
}
Run Code Online (Sandbox Code Playgroud)

android offline

5
推荐指数
1
解决办法
5619
查看次数

将离线地图嵌入到IOS应用程序中

如何将离线地图嵌入到iOS应用程序中?苹果地图或谷歌地图提供这种能力吗?我曾经遇到过MapBox,但我不太了解它是如何工作的以及它是否提供该功能。

offline map ios

5
推荐指数
1
解决办法
5313
查看次数

如何在离线Web应用程序的上下文中本地存储文件字段选择?

我正在开发一个支持离线功能的HTML5 Web应用程序,该应用程序收集用户的多个表单字段和多个文件(通常是图像)。我们需要允许这些用户选择要上传的照片,然后才能实际上传照片(也许当他们仍处于离线状态时)。当他们上网时,可以提交表格并上传文件。

如何保存此信息?这些文件太大,无法直接存储在localStorage中。我可以使用localStorage替代地存储对文件的某种引用,然后在稍后调用以进行上传吗?我可以以某种方式使用应用程序缓存吗?

javascript html5 offline local-storage fileapi

5
推荐指数
1
解决办法
129
查看次数

强制Android WebView脱机

我们希望使用股票Android WebView作为沙箱来执行本地HTML/JS应用程序.主要的安全性要求是将WebView设置为完全脱机,并且只允许调用某些javascript接口.使用WebView.addJavascriptInterface()方法将这些接口传递到javascript运行时.

Android应用程序本身具有访问网络的权限(android.permission.INTERNET).

我能够禁用正常的http/https请求,但完全无法阻止WebSocket请求.看起来这些处理与普通的http请求不同.

一种替代方法是覆盖WebSocket JavaScript方法.但是这让我感觉不好,因为它违背了沙箱的概念.似乎也可以使用delete来恢复原始函数指针.

另一种方法是将自己的自定义WebView(例如Crosswalk-Project)与我们的应用程序捆绑在一起,但是想要避免它,因为编译和更新是相当费力的.

我尝试了以下公共WebView接口,但它们似乎都没有阻止WebSocket调用:

  • webSettings.setBlockNetworkLoads(真);
  • webSettings.setCacheMode(WebSettings.LOAD_CACHE_ONLY);
  • webView.setNetworkAvailable(假);
  • WebViewClient.shouldOverrideUrlLoading()(回调)
  • WebViewClient.shouldInterceptRequest()(回调,试过两个版本)
  • WebChromeClient.onPermissionRequest()

在Android 4.4.4(19)和Android 5/5.1(21/22)上测试过.

我正在执行的javascript:

ws = new WebSocket("wss://echo.websocket.org");

ws.onmessage = function(event) {
  console.log("received: " + event.data);
};

ws.onclose = function() {
  console.log("External Socket closed");
};

ws.onopen = function() {
  console.log("Connected to external ws");
  ws.send("Hello from " + navigator.userAgent);
};
Run Code Online (Sandbox Code Playgroud)

有什么想法可以做到这一点?

非常感谢

javascript android offline webview

5
推荐指数
1
解决办法
836
查看次数

Android:使用developer.android.com离线?

我住在伊朗,谷歌阻止伊朗的互联网用户访问一些像Android开发者网站这样的实用程序.每次我要使用这个网站时,我都必须设置代理,这会占用我的互联网连接的速度,并在其中进行大量的中断.有没有办法下载Android开发者网站以便离线使用它?任何提示或技巧将不胜感激.

android offline android-developer-api

5
推荐指数
1
解决办法
516
查看次数

我还应该使用Silverlight/XBAP吗?

我们需要创建一个可以通过浏览器使用的应用程序,但也可以在离线时使用.

我们的客户将使用浏览器版本进行计算.每个客户都需要使用用户名和密码登录应用程序.离线版本将由我们自己的员工使用.他们需要能够在未连接到网络的情况下使用此版本.应用程序所需的数据将存储在XML文件中.

我们主要使用C#和.NET-Framework进行编程.我们考虑过将WPF用于客户端版本.我已经读过您可以使用Silverlight或XBAP来创建WPF应用程序的浏览器版本.AFAIK Silverlight是一种垂死的技术.XBAP怎么样?你还会投资这项技术吗?

另一个解决方案是创建两个前端应用程序:作为离线应用程序的WPF应用程序和作为Web应用程序的Web应用程序(例如ASP.NET MVC).想,这意味着我们必须创建两个前端(更多的工作).

还有另一种选择吗?创建HTML/JavaScript应用程序(例如使用AngularJ或类似的东西)会更好吗?

silverlight wpf offline xbap

5
推荐指数
2
解决办法
1088
查看次数