I am developing a web application with Meteor and WebStorm as IDE.
This application can be called from a PC, a tablet or a phone, which does not pose a problem of execution since it is called in the browser.
On the other hand problems appear, which are due to the size of the screen and the positioning portrait or landscape.
To test, a solution is to deploy the app, open it in the phone browser and see what works or does not work. A bit heavy ...
Is there a method to test a web application on a device connected to the development PC, through WebStorm, can be with an added package, or with another tool
Any leads or ideas would be welcome.
Thank you for your answers
YC
I have had a similar issue, I used Ghostlabs (https://www.vanamco.com/ghostlab/), to test different screensizes simultaneously. You will need to have physical devices present and connected to your development machine.
Saucelabs(https://saucelabs.com/) in my opinion is an extension of Ghostlabs, with the advantages of using the cloud.
One other tool I would recommend is Browser stack (https://www.browserstack.com/) it gives similar benefits as Saucelabs.
These tools I find are very effective for cross browser testing too.
Related
We have an option to download PDF on our mobile website. PDF download is working in one environment, but not working in another environment in Samsung Galaxy tab.
In the environment where it is not working in the Galaxy tab, it's working absolutely fine in both iPad and Desktop. The pdf is generated and the "starting download" toast message also appears, but after that the download fails.
Has anyone faced this issue before?
OS version : 4.0.3
Browser. : Native android browser
I've looked into this a bit, and I found that it works ok when the downstream/upstream ratio of my internet connection is about 2:1, but it doesn't work when the ratio is 10:1. Based on that, I'd suggest that the Android end of the transport protocol isn't very good about adapting to highly asymmetric connections. The upstream path is used for acknowledgements, and a highly asymmetric path can interfere with the protocol - particularly when each end of the protocol is designed by different parties (and not thoroughly tested). All of your testing is consistent with this theory. And it is a known issue that transport protocols can sometimes fail to adapt adequately to asymmetric paths.
I'm developing a mobile website for iPhone, Android, etc. using jQuery Mobile. I'd like to be able to test this in my desktop browser and was wondering what the best approach is. I guess I could use a plugin to change the User-Agent header to the appropriate value and manually resize the browser to the device's width, but is there a simpler/more reliable way?
Update
Sorry, I should have mentioned that the only hardware available is a Windows laptop
Well if you have a Mac and xCode is installed you can use the Simulator. Open Mobile Safari and point to you web page on all Apple devices
You can also use the Android Emulator ( But I've not tested that it can access the web from the browser )
Alternatively you could use a plugin ( as you have suggested ).
I personally use Chrome with this plugin:
https://chrome.google.com/webstore/detail/ljfpjnehmoiabkefmnjegmpdddgcdnpo
with pretty good results.
I've used Device Anywhere before
http://www.keynotedeviceanywhere.com/
you access the device through a web portal/site and control it, but this costs $$$
Actual device testing in going to be the most reliable
related:
http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/ ( other suggestions )
Difference between iPhone Simulator and Android Emulator
In Chrome hit F12 to open the Developer Toolbar. Then click 'Toggle device toolbar' (tablet icon, top left next to select element). You can then choose the device at the top to test.
There's also PerfectoMobile for testing on devices remotely...though it can be painfully slow. I'd really recommend at least getting some 'base' testing devices, if possible.
There is also http://www.browserstack.com/responsive that can be used to get a screenshot of what your site would look like on a number of given devices.
There is however a limitation of how many screenshots you can get in the free version I have linked to here.
I got nice results, visualy, by using Chrome add-on called Ripple Beta. Bad thing is that there is no ability to add some custom device, like tablets of 8" or 9" or bigger... but works. I'm not sure is it able to show some errors visible on real device but seems nice.
Manymo should work very well simulating Android for you. It shows me exactly what my cell phone shows, even though my desktop browsers don't. Manymo is a website with a lot of Android phones pictured. Just click one and enter your URL. There are options such as Android versions and screen sizes.
Look for the Chrome plugin Responsive Web Design Tester - you'll be able to emulate mobile browsers for different device sizes on all platforms.
How can I develop an installable desktop application on top of the Mozilla Engine or the Webkit engine.
We want to have best of both worlds, ease of development with DOM+Javascript+RenderingEngine+ContinuedImprovements in a Browser and user's control as in a desktop app
I looked at using C++ XPCOM for Mozilla but it seems to be quite complicated, Is there any other way to code like a WebApp using Javascript but burn it into the browser and dress it to give a feel of a desktop app. Also I require that javascript is compiled into native so that one cannot sneak into the source code
Are there any examples of desktop applications done this way ?
Web apps are fine but there are concerns of piracy, privacy, security and version control. The moot point is that in a web app the control lies with the software vendor, moreover the data is also with the vendor. Not only these, any changes to the application may also necessitate another around of training. What we want is that once the customer buys a version he is sure of what he owns and that he is in total control of it and we as software developer do not exposed our source code.
The issue is we have expertise in Web App development and we want to utilize that to develop a Desktop App
Your last point is that :
The issue is we have expertise in Web App development and we want to utilize that to develop a Desktop App
Well then BowLine can be an option though it requires Ruby, so you need to consider that. You can also take a look at WebKitDotNet if you are with .net Background.
Use XUL for the user interface and code your functions using JavaScript. You problably only need C++ to expose native functionality not yet available in Gecko. Examples of software that works this way: Komodo IDE, Songbird, Firefox and Thunderbird.
I spoke to the boss of a major music software company a few years ago. He told me that if they were going to start again from the ground up, they might look at WebKit for their UI. This totally surprised me. But I'm wondering if other folks are thinking and acting this way. Is webkit working its way in to truly non-web software?
RealPlayer, iTunes, and many other applications are using it, so are some non-"web" apps such as desktop widget programs:
http://trac.webkit.org/wiki/Applications%20using%20WebKit
Designing "web-apps" with HTML/Webkit UI is beneficial for Mobile users, since many devices have Webkit built in. Even if it is currently only used on a PC, you would have the possibility of hosting it on the web or local network later, with less work to convert it.
Gwibber, a Gnome twitter client that ships with Ubuntu, uses WebKit for displaying timelines (although it uses normal GTK+ widgets for the surrounding UI).
I would consider WebKit a viable option for many pieces of UI, particularly if the program shell exposes appropriate hooks into the surrounding platform to do things like launch a real browser or hook in to system notifications. You run the serious risk, however, of building an application that doesn't fit well in the UI conventions of the user's operating system.
It's not WebKit, but building a UI on a rendering engine is essentially what Mozilla does - Firefox, Thunderbird, etc. are built in XUL rendered with Gecko.
Anything you can do on webkit can be wrapped as an application easily with PhoneGap or other tools.
For example, store.sonyentertainmentnetwork.com could be wrapped as an OSX app, an Android app, and still act as a regular website very easily.
Also: https://products.sel.sony.com/opensource/source_webkit.shtml
I'm an Ext veteran but have a few rather simple mobile apps i need to create and naturally i'm looking at sencha touch. Ting is - most of the examples don't run up in Firefox/Opera.
I'm happily using Monodevelop as my IDE - this will have an Asp.NET backend - but can't even get the most basic setup working with ST....
What does everyone use for their development setups? How do you debug your apps?
I'm working in a vaguely similar scenario, and I mostly go for Google Chrome's Developer Tools or sometimes Safari developer tools, that's far from perfect but at least something.
However, I often try to isolate out problems not directly tied to the interface and then go back and solve them with Firefox/Firebug, which I find the absolutely superior development environment. It's often more than you think, especially if you're experienced with TDD. Try QUnit, for example ( http://docs.jquery.com/QUnit ).
It's probably possible to use Apple's developer tools (XCode/Dashcode or whatever..) for a more ergonomic experience, but I still can't be bothered.
(Here's to hoping for more compatible mobile web frameworks! I want my Firebug!)
They have explicitly stated that Sencha Touch only works on Web-kit browsers, namely Chrome and Safari
I am using VS 2008 SP1 with a large solution in TFS with a web application that hosts the JSON WCF services and Sencha Touch clients for iPad, iPhone and more. I have it working with WCF and am still learning myself. I admit it was quite a bear to learn, but things are starting to work. I have lists sizing to the client as expected too. The hardest part was the fact that Casini only hosts locally so we need to publish the web application to test with real iPads and iPhones. I also use Safari in OSX to help debug.
I sat around with Chrome, an iPhone and the Android emulator when I did my first one. I thought multi browser testing was bad normally but it's nothing compared to all the different Android versions, densities etc.
Chrome developer tools was the best I could manage on the PC though.
The best IDE I've come accross is Netbeans. Here's a guide to start you off :
http://techtalktone.wordpress.com/2012/02/22/using-netbeans-ide-with-sencha-touch/
The browsers you can test it on are : Safari, Chrome
The OS's on which it works : Android, iOS, BB6+
Hope this helps
Cheers :)