Original: http://hicc.me/post/webkit-user-select-none-disabling-text-field.htmlRecently in the WebView to write the page found that the individual Android model (Google nexus,android 4.2.2) input box can not be entered (but the keyboard will bounce, so it is not webView.requestFocus(View.FOCUS_DOWN); a problem on the Internet), after trial and error found to be the cause -webkit-user-select:none; .Later on-
Reprint please indicate the original source, thank you ~ ~Some days ago with Wke kernel encapsulated duilib WebKit Browser Control, a lot of friends private chat I hope I can publish the source code, today the control of the source and use of the demo published. In fact, this control package is not difficult, I just follow the original author's demo, the corresponding message encapsulated into duilib corresponding.In this first to thank the author of
Original article: How WebKit loads a web page
Before WebKit renders a webpage, it needs to load the page and all referenced resources. It involves different levels of work. In this article, I will focus on how WebCore (the main Rendering component in WebKit) plays a role in the loading process.
WebKit contains two
OBJ and JS interaction very strong 4, CSS3 and JS efficiency than cefglue slightly lower5, the official information provided more useful★O.N.E c#/vb.net/delphi/c++ 534.x1, the official provision of certain documents 1, charges2, the kernel, the development language is more than 2, mainly VC data, C # less☆node-webkit C++/JS/HTML5 0.8.01, cross-platform 1, very little information2, using Web technology to write desktop applications 2, the study cost i
display red * /*color:blue;/* IE 6, IE 7 is shown in blue */}
CSS Hack for FireFox, Chrome, Safari, Opera
Firefox's CSS Hack
Firefox supports nesting its own dedicated CSS statements: @-moz-document Url-prefix ().
. css-hack { color:red;/* Other browsers display red * /} @-moz-document Url-prefix () { . css-hack { color:blue;/* Only Fire Fox displayed as Blue */ } }
CSS Hack for Chrome, Safari and other
Install the WebKit-based browser Midori-general Linux technology-Linux technology and application information from the source. The following is a detailed description. As we all know, Firefox uses the Gecko engine for web page layout, while IE uses Trident as its web page layout engine.
Later, the KDE team found the KHTML-based Konqueror engine and gained user recognition. Apple then carried forward KHTML and launched Safari, a browser equipped wit
DPI (DPR) stands for dots per inch which technically means printer Dots per inch.This parameter actually quantifies the physical resolution and display sharpness of the screen, such as the iphone's DPR 2, which is higher than the average phone.The same images have a very different effect on different phones, especially for Apple devices, because their DPR are relatively high, so they generally have toApplication of high resolution image display can be guaranteed.Common, you can use media query t
This blog post focuses on fixing the bug and merge process of an open-source project: node-WebKit (which can be explained in my previous blog. I want to summarize some methods and accumulate experience. (Note: The following NW is node-WebKit)
Bug
Link to issue on GitHub: https://github.com/rogerwang/node-webkit/issues/403question: in NW, as shown in
AH
In the compilation rules (7) of WebKit under Win32, I mentioned that I want to introduce JS binding, but I forgot it later. Recently, some netizens mentioned that, this section introduces JS binding.
First, it is the JS engine, and the JS engine is an interpreter. In the command line, the interpreter parses the script and runs it. Similarly, we can also write the command in the batfile, and then let cmd.exe execute. Similar to this, the JS engine exec
Solution node-webkit does not support html5 mp4 video playback method, node-webkithtml5
Cause: mp4 seems to have a patented audio/video format. Node-webkit is not supported ...... It seems to be ..
Solution:
Install chrome in the local directory (for example, c: \ Google \ Chrome \ Application \ 37.0.2062.103) and find the ffmpegsumo. dll file.
Copy (ffmpegsumo. dll) and replace ffmpegsumo. dll in the n
Css3 attributes-webkit-font-smoothing, css3
Anti-sawtooth rendering of fonts can make the font look clearer and more comfortable. As icon fonts become a trend today, more and more anti-sawtooth rendering is used.
Font-smoothing is not defined as a standard CSS. It was included in the draft of the Standard Specification and was removed from the web Standard for some reason.
However, we can use the following two definitions for anti-sawtooth rendering:
ArticleDirectory
Indentation
Spacing
Line breaking
Braces
Null, false and 0
Names
Other punctuation
# Include statements
It can be used with Dr. Lin's specifications. Haha!
WebKit coding style guidelinesindentation
Use spaces, not tabs. Tabs shoshould only appear in files that require them for semantic meaning, like makefiles.
The indent size is 4 spaces.Right:Int main () {return 0 ;}Wrong:Int main () {ret
Usage:
InputType="Text"X-WebKit-speech/>
Related parameters:
Set language types:Lang
InputType="Text"X-WebKit-speechLang="ZH-CN"/>
Triggered when voice changes are set:Onwebkitspeechchange
InputType="Text"X-WebKit-speechOnwebkitspeechchange="Foo ()"/>
The "builtin: Search" value in the voice input syntax makes the conten
Cause: MP4 seems to be a patented AV format. Node-webkit does not support it ... It seems that.Workaround:Install the Chrome browser locally, install the directory (example: c:\Google\Chrome\Application\37.0.2062.103) and locate the Ffmpegsumo.dll file.Copy (Ffmpegsumo.dll) and replace the Ffmpegsumo.dll under the Node-webkit directory.Note : As the chromium version is numerous, the chromium version of the
Reprint please indicate the original source, thank you ~ ~Some days ago with Wke kernel encapsulated duilib WebKit Browser Control, a lot of friends private chat I hope I can publish the source code, today the control of the source and use of the demo published. In fact, this control package is not difficult, I just follow the original author's demo, the corresponding message encapsulated into duilib corresponding.In this first to thank the author of
This is actually a browser compatibility problem, the root of Baidu in a large pile, briefly said that the event object in IE is a global variable, so where all can be used, but the WebKit kernel browser does not exist in this global variable event, but in the form of an implicit local variable (after the text will be described in detail ).function myfunc (param) { alert (window.event);} // in IE type onclick= "myfunc (' TestIE ')" > // all
I. Classification of WEBKIT ResourcesThere are several resources in WebKit, broadly divided into the following:
HTML text
CSS style text-cachedcssstylesheet
Font-Cachedfont
Photo-Cachedimage
Read-only resources-Cachedrawresource
JavaScript text-Cachedscript
Svg-cachedsvgdocument
Video Subtitles-Cachedtexttrack
XSL style sheet-cachedxslstylesheet
The class diagram is as follow
made him the only language in the front and back. Even all-in-one says there is a platform, today the theme is to use JS to develop a desktop application Nodehs.A few previous articles mentioned node-webkit to develop desktop applications, share my real-world project "program Manager" today and this project is hosted on GitHub. Because there is a detailed introduction on GitHub, here I paste directly here, but the introduction of English. You can go
:
ClipboardQT: Implements management clipboard Packaging
ContextMenuQt and ContextMenuItemQt: an encapsulation of menu information, which does not support GUI graphics.
CookieJarQt: uses the cookitAPI encapsulated by webkit to manage cookie information.
CursorQt: provides a variety of State cursor styles for the encapsulation of the cursor.
DragDataQt: used to temporarily store drag-and-drop object data in the UI. qmierdata is required in QT and can b
When using chrome or Safari, you often find that your textarea is very strange. You can drag it to zoom in and out, and there is a strange side. When we first encountered this kind of problem, we directly told the design that it was a browser feature, and we couldn't handle it. As a result, people used Google as an example. We had nothing to say about development. But the artist did not know how to do it, so developers had to work hard to compare Google's source code. There is no good way to do
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.