我知道在Stackoverflow有很多问题和答案,我读了很多,但没有一个工作。
我在title Android WebView因为它是最重要的目标,但我想这在其他设备也工作。我在使用Android 4.4.2版本的SM-G355M上安装了Intel XDK的应用程式以及安装在搭载iOS的iPhone 5C上的Safari上测试了以下程式码9.3.4 ;
我在两种情况下获得的值都是相同的, true
我试过:
::
I know there is a lot of questions and answers about this in Stackoverflow, I read a lot of them, but none of them work.
I clarified in the title Android WebView because it is the most important target, but I would like this works in other devices too. I tested the following code on a app built with Intel XDK installed on a SM-G355M with Android 4.4.2 and on Safari installed on an iPhone 5C with iOS 9.3.4;
All I get in both cases is the same value, true (sometimes I get false even I have an internet connection).
I tried:
Code: nanilab/stackoverflow/webview-internet-connection.php
Option 1:
function option1(){ var isOffline = 'onLine' in navigator && !navigator.onLine, text = isOffline == true ? ' without connection ' : ' connected '; $('.option-one span').text(text); $('.option-one i').text('checked').hide().fadeIn(200); setTimeout(function(){ option1(); }, 1000); }Option 2:
window.addEventListener("offline", function(){ $('.option-two span').text(' without connection'); }, false); window.addEventListener("online", function(){ $('.option-two span').text(' connected'); }, false);Option 3:
function option3(){ $.ajax({ url: '/stackoverflow/blank.php', success: function(data){ print(' connected '); }, error: function(jqXHR, textStatus, error) { print(' without connection '); } }); function print(text){ $('.option-three span').text(text); $('.option-three i').text('checked').hide().fadeIn(200); setTimeout(function(){ option3(); }, 2000); } }
app built with Intel XDK installed on a SM-G355M with Android 4.4.2
youtu.be/wHJHG5dP_eM
What I am doing wrong?
解决方案Apache Cordova (was called PhoneGap) is an open-source mobile development framework. It allows you to use standard web technologies - HTML5, CSS3, and JavaScript for cross-platform development. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's capabilities such as sensors, data, network status, etc. document reference cordova
In your problem (Option 1):
navigator.onLine...is not working because (on android) it is broken {the "raw" version, Cordova enabled webview is different}(as you have found out), you have to built your WebView App with the Cordova Framework. Cordova was developed EXACTLY to solve this problem. The GAP in PhoneGap is the gap between the "virtual machine", "sandbox" and access to the hardware, AND it's cross-platform.
Android Permissions: app/AndroidManifest.xml
<uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.READ_PHONE_STATE" />Cordova Permissions: app/res/xml/config.xml
<feature name="NetworkStatus"> <param name="android-package" value="org.apache.cordovaworkinformation.NetworkManager" /> </feature>Quick Guide Cordova installation goto web page for installation instructions
cordova.apache/docs/en/latest/guide/cli/
goto web page and download nodejs for your systemnodejs/en/download/
example file node-v4.5.0-x86.msirun (install it)
success.on Windows:
C:\>npm install -g cordovaAnd away you go!
I'm have built your code into cordova, I'm getting there (hopefully, hard problem), here's some image's of what I have so far [not in WebView exactly yet, {see the navigator.userAgent output in the second image}] (notice the event listener is working ;O), but not good enough:o( ). Where are all the Cordova programmers?, I only heard of Cordova last week:
更多推荐
在Android WebView(Cordova)检查互联网连接
发布评论