I am working on a desktop widget system for Chrome OS, and I would like to have the widgets be able to be only seen when all the windows are minimized (or when the desktop is exposed). I know there is a window option to have the window be alwasyOnTop, but is there a way that I can make the window 'alwaysOnBottom'? Thanks, in advance!
Related
I am trying to figure out if it's possible to simulate mobile behavior on PC. Because on PC, I can only see how the app looks like on mobile devices, however I cannot see how the app would behave.
For example, this is how the app works on an iPhone ( it opens the keyboard on dropdown input )
But, in the browser on PC it works properly - as desired. The keyboard doesn't open up for no reason. Is there any way to test mobile browser behavior on PC?
This is PC:
Please read links below. Maybe they help:
https://www.sitepoint.com/how-to-simulate-mobile-devices-with-device-mode-in-chrome/
https://www.browserstack.com/guide/view-mobile-version-of-website-on-chrome
You can simply use the mobile simulator.
I think this extension will help you.
Mobile simulator - responsive testing tool (Google chrome extension)
I know you want to test directly on PC, but one thing you can do is to access the development environment from your mobile device.
Assuming your local dev server is running on localhost:3000:
make sure port 3000 is not blocked by firewall
connect both your mobile and pc to same network
find your pc local ip address with ipconfig (for example, 192.168.1.12)
go to [your-pc-ip]:[port] from your mobile (for example 192.168.1.12:3000)
I use the Chrome in my laptop with Windows 7 OS, and the Chrome on Windows provides a Device Mode(shortcut is F12) so that it can simulate a specific mobile device to get and display a Web page in a Chrome tab as follow.
However, such Device Mode is only limited on a single Chrome tab, so when you close the tab and open a new one, the new tab get and show the web page as normal, not as in the Device Mode.
So my question is How to set the Device Mode permanently, and when I open a new tab in the Chrome, it runs on Device Mode by default. Is there any method or plug-in can help me to achieve it?
I believe that this is not applicable as Google created that mode for inspection purposes only not for navigating or viewing.
So you will need a smartphone simulator like the one which is provided by Android SDK or the IOS simulator which comes with XCODE on mac, or you can use a real smartphone of course, and you can inspect on it via your PC using ADOBE Edge Inspect extension on chrome.
Chrome inspector mode is designed with testing in mind, and isn't intended for regular browser use. You might try a device simulator tool, like what's included in Xcode or Eclipse IDE.
Hope this helps.
I think this is something what you are looking for
Google chrome plugin
You can open devtool automatically with chrome switches, so i suppose that you can reach your goal with the correct one... our only problem is that chrome's switches are thousands... that's the documentation, good reading :D (unofficial documentation here)
I have a google spreadsheet that is accessed via the web using an Android tablet. The android tablet uses Chrome, the mobile version obviously. The desktop version of Chrome has an extension for auto reload, currently mobile doesn't support extensions. Does anyone have an idea as to how I can accomplish this? I tried a bookmark script, works on my desktop but not the mobile version. I have to be able to access the bookmark from the page and can't do it on mobile. Thanks for any advice!
A page with an <iframe> and a <button> to reload its contents?
I would like to know how to use input[type=color] on Chrome Packaged App. When I open the HTML file on the browser, the input[type=color] works well, it pop ups the color picker, but when I used it on an app, it doesn't do anything. Please help me how to enable this HTML5 feature.
Are you looking at the app from a mobile device? The web browser for the device might not support input[type=color]. It looks like iOS doesn't at this time. See the compatibility tables.
I've got site that is correctly displayed on desktop version but has few bugs on iPad. What's the simplest way to detect problems if my OS is Windows?
Option 1 - Free, local machine debugging
You may use Safari browser for Windows (download Safari 5.1.7).
Steps
Enabling Develop menu in menu bar (Press 'Alt' key to open menu bar. Then follow to Edit menu > Preferences > Advanced tab. Find this option at the bottom.)
Then, follow through Develop menu > User Agent. Select iPad, iPhone etc.
There are more options in the Develop menu (e.g. Show Web Inspector) to help with your JavaScript etc debugging.
Credits to How to debug iPhone and iPad web applications, using Safari.
Option 2 - Paid, browser-based access to target browser/OS/machine
I've personally used http://www.browserstack.com/ and it lets you test the functionality on a wide combination. However debugging may not be as convenient here as it would be on a local machine.
There may be more companies providing similar services.
Beware of basic online emulators
As mentioned in a comment, be wary of 'emulator' websites. Example: A website I ran into claimed to emulate iPhone, with a picture of iPhone, and inside it was an iframe, being dutifully rendered by the browser I opened that website in (Firefox).
The best way I can think of(depending of your implementation) is to use the firefox plugin
https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/
It allows you to switch to all sort of devices and see how they would appear on another device.
Here http://www.ampercent.com/test-website-design-iphone-ipad-mobile-devices/7075/ is a quick guide on getting you started.
There are also user-agent switchers for other browsers than FF like Chrome. Do a google search and try for yourself which one you like.