mobile browsers.pptx
- 2. What is a Mobile Browser? A mobile browser is a web browser designed for use on a mobile device such as a mobile phone or PDA. Mobile browsers are optimized so as to display Web content most effectively for small screens on portable devices. Websites designed for access from these browsers are referred to as wireless portals or collectively as the Mobile Web. They may automatically create "mobile" versions of each page.
- 3. Histor y The first mobile browser for a PDA was PocketWeb for the Apple created at TecO in 1994, by the first commercial Newton followe d product NetHopper released in August 1996.
- 4. And back to present times… The Opera Mini 6 running on the iPhone
- 5. Underlying Technology The mobile browser usually network, or increasingly via connect s Wireles s via cellular LAN, using web pages standard HTTPover TCP/IPand displays written in HTML, XHTML Mobile Profile (WAP 2.0) , or WML (which evolved from HDML). WML and HDML are stripped-down formats suitable for transmission across limited bandwidth, and wireless data connection called WAP.
- 6. The Paradigm Shift A 2010 ITU (International Telecommunication Union) report said that with the current growth rates, web access by people on the go — via laptops and smart mobile devices – is likely to exceed web access from desktop computers within the next five years. In January 2014 the time of mobile access to the internet exceeded desktop use in the USA. The shift has been accelerating with the rise of larger multi- touch smartphones, and of multi-touch tablet computers.
- 7. Here are some facts! Surveys that have been carried out in the recent past help us get to know about the trends in smartphone usage.
- 8. Designing for Mobile Devices Mobile devices’ screens are usually smaller, but they also usually automatically switch the screen orientation between portrait and landscape mode as the user rotates the device. They usually have touch screens for user input. Responsive Web Design is a term for a set of techniques that enables your web site to adapt its layout as its viewing environment such as:- 1) Fluid CSS layouts, to make the page adapt smoothly as the browser window size changes. 2) the use of media queries to conditionally include CSS rules appropriate for the device screen width and height.
- 9. Cross-Browser Development mobil e T o create web sites that will work acceptably across different browsers: 1) Try to avoid using browser-specific features, such as vendor- prefixed CSS properties. 2) If you do need to use these features, check whether other browsers implement their own versions of these features, and target them too. 3) For browsers that don't support these features, provide an acceptable fallback.
- 10. Things that need to be tested 1) Screen size - Designing responsively means being agnostic to device type. So, get a good idea of how your website works on a wide range of screen sizes. 2) Connection speed - Treat connection speed the same way. Unfortunately, there is no correlation between screen size and connection speed. 3) Pixel density - Pixel density refers to the number of pixels that make up a screen. The higher the pixel density, the clearer the picture on the screen will be. Differences in pixel density can cause issues that are subtle and hard to debug.
- 11. Things that need to be tested 4) Interaction style - Make sure to cover not only mouse-and- keyboard interaction and touch interaction, but also D-pad styles of interaction, which happens with the arrow keys on a phone keyboard. 5) Similarity to other browsers - If browser A is very similar to browser B, and browser A passes your test, then browser B has a lower chance of causing serious problems than other browsers. 6) Browser rendering mode - Browsers have two ways of rendering a page: i. the standard client-side rendering that we are all used to,
- 12. Predictions for the Future Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- 13. Examples of mobile browsers A basic distinction is made between native and installable mobile browsers. Native mobile browsers are the standard programs that are pre-installed on the respective operating system. The second group, the installable mobile browsers, can be selected and downloaded by users according to their personal needs. •Android Browser: The default browser for all Android devices. •Chrome: Default browser on Google devices. •Safari: iPhone default browser. •Internet Explorer Mobile: Standard browser on Windows phones. •Firefox for Mobile: Installable, frequently used mobile browser. •Opera Mobile: Installable mobile browser for smartphones and PDAs. •Amazon Silk: Default browser on the Kindle Fire and Amazon Fire Phones. •BlackBerry Browser: Default browser on BlackBerry devices. •S60 Webbrowser: Standard browser on S60 and Symbian platforms (Nokia). •WebOS: Mobile browser and operating system for different devices such as
- 14. Default browsers for Mobile and Tablet
- 18. We evaluated each browser based on these criteria: 1.Speed/Page Load Time: Hey, we’re all impatient, right? 2.Navigation: Intuitive navigation is an absolute must. Internet Explorer, please go away. 3.Add-ons: Some browsers have add-ons that save you money at your favorite stores instantly. That’s a huge plus. 4.User Experience: A clean, intuitive, eye-pleasing interface might be the most important feature aside from speed. 5.Mobile: If a browser saves your data, improves mobile browsing, and even lets you share media offline, it’s a big plus.
- 19. Here’s a quick overview of our favorite web browsers so you can jump to whichever you like best: 1.Opera: The best of the best. 2.Google Chrome: The best for Mac. 3.Opera Mini: The best for mobile. 4.Vivaldi: The fastest web browser. 5.Tor: The most secure web browser. 6.Brave: The best browsing experience (AD-FREE)