Running offline AJAX appliaction on Opera Mobile 11 - javascript

I'm preparing project for web application with large AJAX usage, which should work on Smartphones. One of requirements is that the application should be able to run without internet connection. The scenario when application is launched and then the internet connection is lost is relatively simple, but what in case the user have no internet connections, and wants to launch this application?
Opera Mobile has the ability to save the page, which could be loaded even without internet connections, the problem is however the fully AJAX application. I've checked 2 examples: GWT-Ext Showcase and ZK Calendar Demo, both of them running in online mode, but failed to launch in offline mode (blank screen, with no error message). I suppose the problem is the Opera saved the main page itself, but not the required JavaScript. In this fall I have question:
What should the developer do to make his web application running in Opera Mobile in offline mode? How should the JavaScript be organized to be downloaded by Opera for offline mode?

You should specify a cache manifest file.
You could also just paste all the javascript into the main html page (inline) (more difficult to do with images though)

Related

JavaScript won't run on Internet Explorer within web browser control

I am attempting to develop an application in VB that uses a web browser to go to a specific site. The problem is that the JavaScript applet on the website won't load through the internal browser. It works on both Edge and Chrome, but not through Visual Studio or Internet Explorer. I have scoured the internet options, making sure that it can run scripts. I also enabled the ability for the web browser to be used as a scripting object in my code. I have run Windows updates as well. I guess I'm looking for 1 of 2 solutions. Either a way to fix my browser so I can test and use my application or a way to change the default browser in Visual Studio itself (I already changed the external editor to Chrome, but it had no effect on my application). Can someone help me? Is there a way to embed the user's default browser into my application so that other users don't run into the same problem if I ever distribute my application?
-Verified that scripts and ActiveX were enabled in my internet options
-Attempted to change internal browser
-Ran Windows updates
No change.

Debug an External Javascript against Documents inside Mobile Safari

This question is related to my earlier question How to Debug Javascript in IOS Action App Extension. Basically, I am developing an mobile safari extension, and part of the work is to develop a javascript (operating on top of "document" provided by mobile safari) to run inside the app extension.
However, I have not found a way to debug a javascript file inside an app extension. Now, I am trying to ask the question a bit differently - given mobile safari on a page, can I somehow run an external javascript on that page and debug this external javascript? I suppose that Safari Web Inspector could help with that? Thanks.
(This is a slightly customized answer from your other question)
The official documentation for this is [here][1].
It's not too hard, although recently I've had an issue with the page showing up when connected to the iOS simulator. In that case I just ended up using my phone directly. (Apparently you need to start desktop Safari after the iOS Simulator has started to inspect "remote" Simulator sessions)
Ensure that on the device Settings->Safari->Advanced->Web Inspector is on.
(Make sure you've Trusted the computer from the device)
Start MobileSafari on your device.
Start Safari on your desktop, make sure Show Develop menu in menu bar is on in Preferences.
In the Develop menu you will see your device name, say 'BSharer's iPhone'.
select the page name underneath your device name, say 'en.m.wikipedia.org - Wikipedia'.
You are now debugging that device's page on your desktop. The developer page will open and you can debug as if it was running on the desktop machine. You should now see all the JavaScript that is available to that page and set breakpoints.
(The app extension requires the debugger; statement because we don't see the javascript files injected by the app extension. You can still use the debugger statement but it's not usually necessary.)

Corrupted UI when trying to display reporting service report in an iframe

I need to display report services reports using an iframe which is opened from a web application that supports IE9, IE10, IE11 (the application cannot run with computability view).
When using the iframe, the UI of the displayed report is corrupted, as you can see in the attached screenshot. Seems that it happens when using iframes in general, not only from our application.
We cannot change the reporting services html on the customers machine, so this suggested solution can't assist us: Unexpected scrollbar in Reporting Services
Any ideas?
Following up# #jtbon2's answer - if this iframe is running on your company's intranet and you are inside of the same network with your development machine, your Internet Explorer might have the default option for compatibility mode enabled for local sites.
It will essentially downgrade your browser to a lower version of IE to enforce a a standard IE user base.

Use javascript source-maps with phonegap

we are shipping a Cordova WebApp for tablets with minified source using uglify2-compressor via grunt-contrib-requirejs. We generate source-maps for debugging which work flawlessly using the chrome desktop browser via remote Debugging on a KitKat Android Tablet.
Now we like to send error reports from our customers to our server. The Android WebView does not seem to care about our source maps. Therefore we get error message like "line 1, char 1231231" - not very helpful...
The Question is: Is it possible to use source-maps with the Android (and iOS) Webview maybe using a Cordova plugin or do we have to wait for an update (Chrome and Firefox Desktop are able to parse the maps...) and ship un-minifies code so that we are able to get the line number of the occurred error?
From Chromium discuss topic
DevTools downloads source maps using the front-end browser, not the one that runs the inspected page. So file://android... is never going to be accessible. You need to point to the files on your development box instead.

iOS 5 Mobile Safari application cache changes?

I'm wondering if anyone has run into new problems with using the HTML5 application cache in Mobile Safari on iOS 5 devices? I had previously written an offline web app that worked well in iOS 4, but as devices that use this app are being moved over to iOS 5, I am discovering problems when devices are offline and attempting to access what should be cached resources.
I can confirm that the application caching procedure is working as expected, as I can track the hits to my webserver as resources are downloaded while the device is online.
The problem manifests itself in the form of the "Cannot Open Page: Safari cannot open the page because it is not connected to the Internet" dialog box when I attempt to follow a link to a page that should be cached while I am offline.
Interestingly, around the same time this error pops up, in the Debug Console one also gets the "JavaScript execution exceeded timeout" error, similar to what is mentioned in this thread. I'm not doing any computation nearly as complicated as what was posted there, but the suggestion to kill and restart Safari seems to fix both problems, at least for now.
So maybe this question is less a request for help and more of a landing place for future searchers to share their experiences.
Please check if you have added the cached page itself into the manifest file, in below example they are HTMLPage1.htm & HTMLPage2.htm. I have the same problem but it works after adding the cached page link.
CACHE MANIFEST
CACHE:
images/cover.png
HTMLPage1.htm
HTMLPage2.htm
NETWORK:
*

Categories