Am a new comer in JQuery mobile.I developed a simple application in JQuery Mobile using Netbeans and run successfully on desktop browser.But I want to check its fit for mob screen.So I want to run that app on Android Emulator.I just run Android emulator but I dont know how to call my project from where and how?please help me...Thanks in advance.
You will need to launch your web browser under your emulator and then connect to your server. If you are running your jquery mobile web site on a local development machine, you can likely connect to it via IP address and port
Example:
http://192.168.33.10:65637
Krishna to be able to execute jQuery mobile as a android/iPhone app you need a wrraper framework like phonegap/cordoba (cordoba is its new name.
This is an excellent tutorial for windows platform. In case of iMac you will find more help (tutorial) on phonegap developer pages.
Basically phonegap acts as wrapper between HTML/JS and rest of mobile platform. Because of that you must create separate version for android and separate version for iPhone. It will also give you access to phone hardware like camera, compass etc.
If you need more help give me a comment and I will try to help you as best as I can.
First of all host your created website into IIS or IIS7, for that copy paste your website folder into wwwroot folder in inetpub folder in c drive. this folders will be available after installing iis or iis7, after doing this go to your desktop browser(ie, opera, google chrome, etc).
then type this, "localhost/yourWebsitefolderName/" then press enter, if your website is opened in your local browser then you can try below thing to oopen it in your emulator.
Start your android emulator, in emulator open the mobile browser, then type
"10.0.2.2/yourWebsitefolderName/"
Related
We have a ASP.net web application integrated with DotNetNuke.
The mobile version uses jQuery mobile 1.6.X.
While trying to test the application it works well in Chrome simulator(our staging environment is publicly exposed). But it does not work in any of the actual device.
Can anyone suggest how to debug this ?
For Android you can attach the device to the pc and go to chrome-> developer tools -> inspect devices
Make sure your phone is set to developers mode with usb debugging on.
For iOS you can attach your phone to a mac and open safari, develop menu and then the device you want to inspect.
There you will find the javascript console, source, style and everything you normally need for website debugging.
When developing a application for iOS that pulls in a web site, you have a very simple web app wrapper that as far as I know acts like an iframe, pulls in the web site and boom - you have an app.
My understanding is that if done this way you are using a "stripped down" Safari to view the web site in a "app" as it is a web wrapper.
When developing an app for BB OS6, is it the same concept? If I develop a wrapper that says "go fetch site x and display it in this app" is it going to use BB OS6 default browser APIs to render said site?
Also is there links to said API?
If all you want is a container to display Web content I'd highly recommend you use Webworks (or cordova for cross platform) as opposed to Java. WebWorks already creates and sets up the bf2 for you in a tested and proven way.
The equivalent of UIWebView for iOS would be the BlackBerry BrowserField.
If you want some examples of how to use it, I recommend installing the BlackBerry Eclipse plugin. That will install in Eclipse the full BlackBerry Java SDK (e.g. version 6.0, 7.0, etc.), which comes with lots of sample code. From Eclipse, you can then
Import... -> BlackBerry -> Import BlackBerry Samples -> BrowserField2Demo.
Note that you want the BrowserField2Demo, not BrowserFieldDemo!
Or, you can go directly to the github site with BlackBerry sample code.
My ASP.NET MVC web site markup looks "wrong" in iOS (both iPad and iPhone). In desktop Safari Chrome, IE, etc. I just use and embedded developer tools in the browser to locate problems.
Is there a way to debug iOS Safari (via some emulator) from Windows. I also have Mac with xCode at hand, if it provides the ways to facilitate the process.
On your mac you can open the iOS Simulator (previously the iPhone simulator). If you have XCode you have the simulator. Just open the simulator, open Safari and navigate to your page from there, just as you would in a normal browser.
Since Mobile Safari doesn't have a capable HTML/CSS inspector Firebug Lite might work.
I know this is quite an old question, but since I run into this myself recently, and found a solution, let me share it here with anyone else that might come looking.
The weinre project offers a remote debugger that works more or less like the old version of webkit dev tools. While it's not as fully featured as proper remote debugging tools found in Safari, it can get the job done when working with HTML and CSS.
The weinre package is available on npmjs.com and it requires NodeJS / NPM installed on your system. It can debug any app running any browser, and works on all platforms where NodeJS is supported including Windows.
To install:
npm i -g weinre
Then start it on port 9000 (or whatever port you want):
weinre --httpPort 9000
Visiting localhost:9000 gives you access to instructions on how to instrument the web page you are testing (look under Target Script section). For example add this to your page:
<script src="http://localhost:9000/target/target-script-min.js#anonymous"></script>
Once the page is instrumented, you can go to the debug interface pointed to by the instructions page.
We're running with a strange error running our GWT application on tablets (both iPad and Android). It's a touch event the one producing the error ("undefined is not an object")
How can you debug a GWT application for this scenario. We need to produce tablet touch events or run the GWT code on development mode in the tablet.
A couple options that have helped us debug GWT apps on the iPad:
a Windows machine with a touchscreen (we have this one at the office)
Java logging + the popup log panel (or remote logging) (Google Developer's Guide)
Firebug Lite - this may not help with this specific problem, but maybe in the future. :)
Hope some of these help.
I believe you can debug a compiled GWT application (works for me using GWT 2.4).
You need to have the GWT Developer Plugin installed in the tablet browser. I don't know if it's possible but if it is, all you need to do is append the gwt.codesvr=<yourDevMachineIp>:<yourDevModePort> query parameter to your app URL while running Dev Mode for your app in Eclipse.
Disclaimer: I've only tried this with a compiled app in a browser running on the same machine as my Eclipse IDE. If you're successful, please post a brief note here.
I'm developing a site one of the targets of which is iPad.
What options do I have to debug client side (DOM inspector, style viewer/editor, javascript console, network analyzer - all thing every major desktop browser has) when viewing the site from iPad?
I'm not looking for some kind firebug lite, or anything that makes me to debug site from iPad itself. (This would be too tedious.) Instead, what I'm after is some sort of remote debugger for mobile Safary, allowing me to work with sites opened on iPad from a desktop machine, or an iPad emulator with same capabilities. I know there is the emulator that comes in bundle with official SDK, but does it have such means?
It's the first time I'm facing the problem, so not to blame!
This is what I'm aware of:
weinre (But does it really work?)
Check out BugSense and their HTML5 (javascript) installation