The following content is reproduced from http://cfer.cn/article.asp? Id = 497
When the mobile network administrator page is displayed on the mobile phone, you must manually scale the page. when using mobile browsers such as opera and Safari, the page is very distorted. The first time I used the leading iPhone. the page word is too small to be scaled.
After refe
ChromeFunctional characteristicsSupport PC or pad device, Debug Mobile Web page in real timeDOM, CSS, JS debuggingMulti-function panel meets many debugging needs1 Preparatory workMake sure your phone is in the same wireless network segment as your PC.Download the Android platform for the UC Browser developer version (ucbrowser_dev_ri.apk,) and install it on your phone.2 Debug modeIn the Address bar type:
Such arrows are implemented with CSS-3 and the entire code is as follows:DOCTYPE HTML>HTMLLang= "en">Head> MetaCharSet= "UTF-8"> Metaname= "Viewport"content= "Width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/> title>Documenttitle> styletype= "Text/css">. U-scrollload-tips{Color:#767676;text-align:Center;Height:40px;Line-height:40px;text-decoration:None;Display:Block;background:#f4f4f4;}. U-scrollload-tips I{Display:Inline-block;position:relative;vertical-align:
when you're working on a Web page in a mobile browser, clicking a button on a page or an element with a click event will cause a default highlight to affect the overall sensory experience. can be resolved with a simple CSS3 property:Tap-highlight-color, preferably with the WebKit browser prefix. -webkit-tap-highlight-color:rgba (0,0,0,0);-webkit-tap-highlight-col
CSS3 removes the highlighted box when the mobile browser button is clicked. css3 highlightsDuring work, when you browse the Web page in a mobile browser, you can click a button on the page or an element with a click event. A default highlighted box will appear, affecting the overall sensory experience. You can use a si
It perfectly solves the problem of webpage source or refresh in the drop-down menu at the top of the mobile browser.
Shows the problem:
Generally, there is an attribute "event. preventDefault () ", but if you use it directly, it will cause internal scrolling of the page to become unavailable, and the method I handle is similar to this.
Because the sliding area is backward, the distance from the top of the
Mobile browser Browse WebApp pop-up keyboard overlay text box solutionRecently encountered Android built-in Browse H5 page, because the text input box (input) placed near the bottom of the page, click on the text box, the input box will be pop-up phone input keyboard cover.Find a section of the JS code directly resolved, click on the forced scrolling, it seems to solve the same problem under the Android
The cause of the Click event failure may be that you used the event agent,Like this.$ (document). On ("click", ". FD", function () {})This code is not a problem on Android, but the ISO's own browser and browser and other browsers will fail, because iOS rules that the event agent element can only be a BUTTON element other all does not take effectIt's easy to solve this problem.1.$ (document). On ("Click", "b
1, first into the mobile phone QQ Browser, click the three bar below the logo (menu)
2, in the pop-up menu click the "Settings" option, as shown below.
3, and then find "about and feedback" as shown below, we click into
4, into the interface we click on the "version"
5, it will check the update, and then will prompt you to download the latest version, click to download the la
1, open Mobile browser, in the search box input "mobile phone Baidu Browser How to install the kernel", click Search found no experience with the same name, then click on the lower right corner of the three points, red box has been framed out.
2, in the pop-up box, select the Gear shape settings, red box
Make WebApp fit n multi-browser, remember the browser encountered the need to pay attention to the place.Firefox is currently found to be the most difficult to match.1.firefox the correct innerwidth value can only be taken after the onload.2. The current version of Firefox can not set the width of viewport, regardless of the number of written, always 360. Estimate does not write viewport, is 980.Then is the
1 First Open "360 browser", then in the bottom of the three horizontal icon click in. (as shown in the following figure)
2 Click enter "Settings", and then click in "Settings", we can see the "Font size" option. (as shown in the following figure)
3 Choose the size of the font, there are now "small", "standard", "Big" and "super big" four options, and the other small series to remind you that after the adjustment of individual pag
This code can detect if the user is using a mobile device to browse the Web, and the test is complete.
$mobile _browser = ' 0 ';
if (Preg_match ('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/I ',
Strtolower ($_server[' http_user_agent '))) {
$mobile _browser++;
}
if ((Strpos (Strtolower
(e+3)}else{var H=f}var g=/^www\./;if (g.test (h)) {H=h.substr (4)}return H}; if (C==d) {return 1}else{var c=this.getdomain (c); var b=this.getdomain (d); if (c==b) {return 1}else{c=c.replace (".", "\ \."); var a=new RegExp ("\ \.") +c+ "$"); if (B.match (a)) {return 2}else{return 0}}};You can directly copy to use it, and then the PC version of the page header, add the following things:This will see the effect.The above pc.html full code is as follows:The ml.html code is as follows:There's nothi
Opera Mini is a mobile browser from Opera Software. It is also lightweight and powerful as the desktop version, and has more than 20 million users worldwide.
The official version of Opera Mini 4.2 released today has brought many new features, such:
1. Introduce the color skin function of version 3.x again.
2. Sony Ericsson and Nokia mobile users can access the
1 in UC Browser we click "Set Key"--> "bookmark/History" then we press for 2 seconds, then we will pop the bookmark interface.
2 into our bookmarks we can set a number of items on the bookmark, including the deletion of bookmarks, editing, in fact, there is a recommendation "sent to the desktop" we click on it.
3 and then on the mobile desktop will see we have just sent over the bookmark Oh, go an
JS dialog components, including the implementation of alert and confirmAll resources for this component can be viewed on GitHub with source code GitHubFor an example of this dialog component, please check the demo hereDialogJS dialog pop-up windowUsage this is the contentor call it in jquery: $ (' #btn_dialogjquery '). Dialog ({target: "#dialog-contentjq", Mask:true, Width:500,height:300,title: ' title '})Inheriting class alert and confirm hints (in jquery mode):*HTML:JS: $ (' #btn_alert '
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.