Smartphone browser emulator - responsive-design

Im trying to test my website on different kind of devices, for example iphone, tablets or androids. The problem is i do not have access to all of those devices and every so called online emulator doesnt really emulate anything else besides resolution.
So say iphone related issue doesnt appear on my computer.
My question would be whats the best paid or free service that would provide me the tools needed to test my website on as many different devices as possible?
Just to name a few so far i tried:
http://mobiletest.me/
http://www.mobilephoneemulator.com/
http://www.brickandmobile.com/mobile-emulator/
None of them displayed same issues that im having on the actuall device.

For Android, you can install the SDK, which includes a device emulator that runs Android in (basically) a virtual machine. This virtualized copy of Android includes the browser, so you can use it for testing your site. You can create virtual Android devices with a variety of screen sizes, so you can test your design on both phones and tablets.
Note that if you want decent performance from the emulator, you should configure it to run an x86 system image (as opposed to ARM), and install the HAXM add-on (available through the SDK manager app) that enables the emulator to use your processor's virtualization support. This allows the emulator to run the Android system directly on your real processor, instead of having to emulate a processor. You should also enable the "use host GPU" option so that graphics in the emulated Android device can be hardware-accelerated instead of rendered in software.

Related

Best way to check web-responsiveness

I am wondering if there is a way to check website responsiveness without uploading my code to a host site. I have all of my files and code in VSCODE and I have tested it out through shrinking the browser etc but I actually want to see my site on different devices before I upload my code. Because everything is local to my device I can't think of an easy way to do this without actually uploading everything? Any ideas?
Note: I assume that you already have the Live Server extension installed in your vscode IDE and you are able to open your website on the web browser on the same computer
There's an extension for vs code called MobileView
You can check your local websites as well as global ones just copy and paste there the website link. But it is limited just to three mobile devices (iphone X, 8 and google pixel). You can open all three previews at the same time in different tabs.
But it additionally allows you to check how your site's design will fit to the phones real exterior (its color and shapes).
And of course you can open your website on the real mobile phone if your vscode computer and the mobile phone are on the same wifi network.

How do I view my site on multiple screen sizes?

Ok, so I know how to write code for multiple screen sizes. But, I have no idea how to view my code on a mobile device before making my site go live. Please help!
You can play around with emulators which can simulate a variety of cellular devices. These can be downloaded using a program called Bluestacks for example.
If you have Google Chrome you can open a website and press F12 (on windows) to enter Developer Mode.
On the top left you can see a little smartphone icon.
Click it and choose a device. Then refresh the page.
Chrome will emulate the experience of a smartphone user straight from your computer, sou you can test it from there.
This is a view of this question on the emulator:
Here is the solution if you are using safari.
Enable the "develop" menu bar using Safari > Preferences > Advanced. Your menu bar should look like this:
Go to your website
Go to Develop > User Agent and choose the device/browser you wish to emulate.
You have two options.
Use of Emulators.
What you need - is any modern browser. Nearly every modern browser will offer you roughly similar emulator capabilities where you can select a target device/resolution. #intboolstring & #Pither has already mentioned safari & chrome options for you. IE & Edge have similar features (which you can probably explore yourself or see this link IE Emulator feature).
Using actual devices.
What you need - 1) wireless router 2) your dev machine/laptop which has a web server (like IIS on windows) & 3) some mobile devices (I would assume you would have atleast one smartphone which has a mobile browser on it).
You will need to connect your dev machine/laotop & your device(s) to the wireless and setup firewall on your dev machine to allow access to your website on your local wireless network. Check out this answer.
Once this is done, you should be able to load your site on any device connected on your wireless by tying http://your.dev.machine.ipv4:port-if-applicable/landingpage.html in the mobile browser.
(to find your machine's ipv4 address, goto command prompt and type ipconfig and press enter - I am assuming you are using windows)
You may be limiting your testing to a much smaller set of devices (ones you have access to). But this will give you a real-world idea (if not a much better one) of how you site renders & behaves on devices.

Blackberry Java application loading in device

I have a developed a Java application in blackberry simulator. I need to load the Java application in Blackberry device.
What are the steps to load the application in Blackberry device?
Make sure you have signing keys and your keys are installed in the JDE (Almost any non-trivial BB app needs to be signed). Use the sigtool to sign your .cod
Use Javaloader (in the JDE's bin directory)
With your device plugged into your machine with a USB...
javaloader -usb load yourapp.cod
That will load the app onto the device, but without the application description info (you likely don't need it at this point)
http://www.blackberryforums.com/general-blackberry-discussion/3027-howto-installing-jde-use-javaloader.html

Tools to operate a mobile using a desktop PC

I have used software named my mobiler which displays the screen of any Windows Mobile connected to a desktop PC and allows the user to control the mobile from the desktop.
Are there other similar software available in the market for S60 or Series 40 Nokia mobiles.
My Mobiler is very cool - like Remote Desktop but for a phone.
The Nokia PC Connectivity API doesn't quite do the same thing, as it provides a set of APIs to let you control the phone and get data from it. Neither do the Series 40 or Series 60 emulators, as the phone is emulated rather than real.
Given the significant technology differences between S60, S40 and Windows, I'd be surprised to see this change any time soon.
Now, Maemo (as running on the N900) is a different kettle of fish altogether. Quite remarkably someone has ported VNC there which should do the job just nicely.

How to set specific IMEI in Nokia S60 SDK emulator

I'm also interested in other Symbian SDKs that allow to set their emulator's IMEI.
Emulator has hardcoded IMEI of '000000000000000'. Replace what with whatever you want to use and continue running your code.
Symbian C++:
TPlpVariantMachineId imei;
PlpVariant::GetMachineIdL(imei);
imei.Copy(_L("123456789012345"));
Python for S60 (PyS60):
import sysinfo
my_imei = sysinfo.imei()
my_imei = u"123456789012345"
My general approach to these kinds of things is do it in software.
Put the IMEI fetching code into one globally-accessible function, and only use this function for IMEI fetching.
#ifdef __WINS__ can be used in C++ code to selectively compile in the hard-coded IMEI you want to return in the emulator. In Java, you can probably tell you are in the emulator by other means (eg if the IMEI returned is a fixed weird value in the emulator), and act accordingly.
You can go one step further and have a dynamic IMEI. Once you do that, you will find that testing your code with different IMEIs becomes much easier.
I have never actually tried that but here's my best guess:
The emulator doesn't have a proper telephony implementation unless:
you link it to an actual phone over infrared/usb/serial. In which case the emulator telephony component will need configuration to use AT commands to pilot the phone (even if the phone isn't a Symbian phone). This allows you to make phone calls, send and receive SMS/MMS but certainly not change the IMEI.
you use the SIMTSY module. This is a component that uses configuration files to simulate telephony events. It can pretend to send SMS/MMS, pretend you are receiving a phone call...none of that actually creates any kind of network traffic, you understand. I assume the IMEI is in the configuration file but I don't expect you can properly change it without restarting the emulator. I have never seen SIMTSY used outside of Symbian itself so I don't know whether it is available to third-party developer. It should be open-sourced with the rest of the operating system within the next 2 years, though.
There is also the possibility that the way the SDK itself was built disabled most of the telephony framework for the emulator, using build-time macro. You should check http://forum.nokia.com

Resources