How do we emulate touch events in Safari Responsive Design Mode? - responsive-design

Chromium has this feature Device Mode, and interaction is how it would be on a touch device.
I've tried Safari's Responsive Design Mode, but I don't see a way to emulate touch (without pointer events). It just behaves like I'm using a mouse, but I'd like for it to behave like I'm touching the screen on a mobile device (like in Chrome's inspector).

You can install Apple xCode. After installation, search Simulator through Spotlight.
With Simulator you can open Safari and simulate yours websites with touch control.

You can't. When using Safari on desktop in responsive mode your mouse will only generate mouse events.
Maybe a better solution for your use case than using the Simulator is to use Chrome desktop. When using the dev tools in device mode it will emulate tap events.

Related

Can't change orientation to portrait, mobile air apps

I am developing a Blackberry PlayBook application using Flash Builder 4.6 on a Windows 7, x64 machine. I have installed the Blackberry SDK and generally can test my application with one catch - Rotate Left and Rotate Right options from the menu are grayed out. I don't have the actual tablet (and purchasing one is not a solution) so there is absolutely no way for me to test how the app behaves in the Portrait mode.
Perhaps the problem is the fact that my resolution is 1280x800 without any way to make it bigger (I had expected I'd be able to do this and would just activate the peculiar desktop scrolling mechanism). Is there any solution to this problem?
You can rotate the Playbook emulator in VMWare Player (I use Win 7, 64bit too) - by pulling its black corner with the mouse.
You can check portrait as well as landscape mode both in VMWare simulator.
Playbook OS is designed in that manner to support development on both resolutions , if you have 1280 x 800 resolution you can access right most part by using scroll bar in Vmware tool.
BB Playbook os is designed with some predefined features. like in bottom if you use gesture from left most bottom to right , it will open virtual keyboard , & if you will do the same from right most bottom to left , just like swipe down event . it will change the orientation to landscape to portrait or vice versa.

How to stop a silverlight OOB application from bouncing on the Mac?

I am currently working on a silverlight application that will have to be cross platform. This means that it has to have mac support.
The problem however is that when the application is launched out of browser on a mac, and you try to swipe up/down(two-finger gesture scroll) it bounces in the silverlight window.
Is there any way to stop that from happening?
For an example:
Go to http://www.silverlight.net/content/samples/sl2/toolkitcontrolsamples/run/default.html, install it on your mac. Then try to swipe up and down.

Does the MouseLeftButtonDown work on WP7 devices?

I've recently started work on an application for Windows Phone 7 devices and I haven't yet acquired a WP7 device so I do all the debugging and testing in the emulator.
So. In my application I use the MouseLeftButtonDown event handler to catch a click and navigate from one page to the other. It works perfectly on the emulator but I would like to know for sure if it will work on the real devices as well.
The reason I got doubts is because of the name of the event MouseLeftButtonDown... a phone doesn't have mouse.
So anyone knows? Anyone can try this and tell me?
For Windows Phone 7.1 (Mango) all FrameworkElements now support Tap and DoubleTap, and you're recommended to use those instead of the Mouse Events.
If it works in the emulator then it works on the device. It would be a poor emulator that behaved differently from the device in such a fundemental area.
Yes, MouseLeftButtonDown works on the device.

Fire event on Opera Mobile browser for orientation change

How can I fire an event when orientation is changed on a mobile device.
onresize works fine on iPod Touch but not on mobile device using Opera mobile as browser.
Any help on how to fire event on Opera mobile.
Thanks,
Abhishek Jain
I've racked the web trying to find a good solution to this, I was in the same boat. There dosn't seem to be any really fantastic solutions out there, but what I use is this. Like I said not the best option, but mobile and mini Opera don't seem to fire anything catchable when the screen is resized. Since I'm looking at mobile devices I set the viewport to which ever (width/height) is smallest. When the user turns their device it will at least be kind of intuative.
Edit: I actually did this and coupled it together with a update width&height routine on my div's, based on screen.width/height, and it turned out pretty good.

How do you set the default/startup orientation for the Windows Phone 7 emulator?

I am working on a Silverlight based Windows Phone application that only supports landscape orientation. However, when I hit F5 to debug it, the emulator always starts in portrait mode.
Is there a way to set this to default to landscape?
As far I'm aware it is not possible, but is this a big problem? Remember you don't need to close the emulator while you stop debuging - it can stay on landscape mode and VS will connect to it.

Resources