移动web开发前准备知识了解(html5、jquery)笔记
& Tablet Emulator(用于常见移动端适配):(重点)
Mobile Emulator is an useful online tool to check the screen resolution on different mobile and tablet devices.Mobile Emulator is an useful online tool to check the screen resolution on different mobile and tablet devices.Do your mobile screen resolution check for developed mobile website straight from your desktop.Mobile devices supported:BlackBerry: 320x240iphone4s: 320x480iphone5: 320x568Galaxy S3: 360x640Lumia 900: 480x800Tablet devices supported:Kindle Fire 7: 533x853Google Nexus: 603x966Apple iPad: 768x1024Best way to check screen responsive design for mobile devices & tablet online
Test your web pages on common mobile and tablet devices/user agents. Excellent for testing responsive web design.
This extension allows web designers and developers to test their web pages against common mobile and tablet devices by emulating the user agent and screen resolution. Excellent for testing responsive web designs. Test multiple mobile devices at the same time!Very helpful when your site is in development and testing on actual devices can be difficult.** New in version 1.4**- Larger device label and scroll arrows- Galaxy Note II added- Scrollbar removed quicker**New in version 1.3**- Width and heights adjusted to account for Chrome borders.- Scroll bar removed and scrolling arrows added to the bottom of the window- A couple more devices added- New logo- Various bug fixes
Speed Tracer:
Speed Tracer是一款功能强大的Web性能分析扩展,能够对网页中的元素进行全方位的检測分析,找出你网页执行缓慢的罪魁祸首。以方便开发人员优化代码,功能非常强大。
COMMON
- Add the features:
- Auto Reload
- Check Spelling
- Clean Submit
- Clear Application Cache
- Disable CSS3 Styles
- Disable Flash
- Disable Frames
- Disable HTML5 Form Validation
- Disable Image Maps
- Disable Redirects
- Disable Sound
- Disable Window Resize
- Display Baseline Grid
- Display Canonical URL
- Display Event Information
- Display Margin & Padding
- Display Screen Size Overlay
- Make Element Resizable
- Outline Image Maps
- Outline No Follow Links
- Outline No Index Elements
- Remove Inline Styles
- Replace Images With Title Attributes
- Validate Generated HTML
- Validate Local Accessibility
- Validate Tidied HTML
- View Color Contrast Information
- View Computed Style
- View Font Information
- View Formatting
- 'Display Element Information' should display color information
- 'Display Line Guides' should allow saving the line guide positions
- 'Display Line Guides' should be able to be pinned
- 'Display Style Information' should display inherited styles
- 'Edit CSS' should have a color picker
- 'Edit CSS' should notify when style sheets have invalid MIME types
- 'Populate Form Fields' should be configurable
- 'Validate Local CSS' and 'Validate Local HTML' validators should be configurable
- 'View Link Information' should display the link text, title and target
- 'View Link Information' should separate internal and external links
- Add a warning when closing the dashboard after changes have been made
- Add support for beautifying CSS
- Add support for element position in 'Display Element Information'
- Add support for gradients in 'View Color Information'
- Add support for importing and exporting of the extension options
- Add support for sorting 'View Color Information' by color instead of alphabetically
- Add support for wrapping text output
- Allow templates of activated features to be saved and loaded
- Allow the Web Developer menus to be customized
- Allow unlimited customizable bookmarklets as tools
- Use %s and %d placeholders for the site URL and domain in a tool URL
CHROME
- Add the features:
- Add JavaScript status icon
- Add quirks mode status icon
- Add support for customizable keyboard shortcuts
FIREFOX
- Add the features:
- 'View Generated Source' should be able to be opened in
a tab - 'View Source With' should be allowed to be the default
for all view source features - Add support for automatically closing the message notifications
after a few seconds - Add support for disabling the cache only for certain
domains - Allow features to be pinned per tab
- Context menu features should work only on the selected
frame - Detect keyboard shortcut conflicts
& Tablet Emulator(用于常见移动端适配):(重点)
Mobile Emulator is an useful online tool to check the screen resolution on different mobile and tablet devices.Mobile Emulator is an useful online tool to check the screen resolution on different mobile and tablet devices.Do your mobile screen resolution check for developed mobile website straight from your desktop.Mobile devices supported:BlackBerry: 320x240iphone4s: 320x480iphone5: 320x568Galaxy S3: 360x640Lumia 900: 480x800Tablet devices supported:Kindle Fire 7: 533x853Google Nexus: 603x966Apple iPad: 768x1024Best way to check screen responsive design for mobile devices & tablet online
Test your web pages on common mobile and tablet devices/user agents. Excellent for testing responsive web design.
This extension allows web designers and developers to test their web pages against common mobile and tablet devices by emulating the user agent and screen resolution. Excellent for testing responsive web designs. Test multiple mobile devices at the same time!Very helpful when your site is in development and testing on actual devices can be difficult.** New in version 1.4**- Larger device label and scroll arrows- Galaxy Note II added- Scrollbar removed quicker**New in version 1.3**- Width and heights adjusted to account for Chrome borders.- Scroll bar removed and scrolling arrows added to the bottom of the window- A couple more devices added- New logo- Various bug fixes
Speed Tracer:
Speed Tracer是一款功能强大的Web性能分析扩展,能够对网页中的元素进行全方位的检測分析。找出你网页执行缓慢的罪魁祸首,以方便开发人员优化代码,功能非常强大。
COMMON
- Add the features:
- Auto Reload
- Check Spelling
- Clean Submit
- Clear Application Cache
- Disable CSS3 Styles
- Disable Flash
- Disable Frames
- Disable HTML5 Form Validation
- Disable Image Maps
- Disable Redirects
- Disable Sound
- Disable Window Resize
- Display Baseline Grid
- Display Canonical URL
- Display Event Information
- Display Margin & Padding
- Display Screen Size Overlay
- Make Element Resizable
- Outline Image Maps
- Outline No Follow Links
- Outline No Index Elements
- Remove Inline Styles
- Replace Images With Title Attributes
- Validate Generated HTML
- Validate Local Accessibility
- Validate Tidied HTML
- View Color Contrast Information
- View Computed Style
- View Font Information
- View Formatting
- 'Display Element Information' should display color information
- 'Display Line Guides' should allow saving the line guide positions
- 'Display Line Guides' should be able to be pinned
- 'Display Style Information' should display inherited styles
- 'Edit CSS' should have a color picker
- 'Edit CSS' should notify when style sheets have invalid MIME types
- 'Populate Form Fields' should be configurable
- 'Validate Local CSS' and 'Validate Local HTML' validators should be configurable
- 'View Link Information' should display the link text, title and target
- 'View Link Information' should separate internal and external links
- Add a warning when closing the dashboard after changes have been made
- Add support for beautifying CSS
- Add support for element position in 'Display Element Information'
- Add support for gradients in 'View Color Information'
- Add support for importing and exporting of the extension options
- Add support for sorting 'View Color Information' by color instead of alphabetically
- Add support for wrapping text output
- Allow templates of activated features to be saved and loaded
- Allow the Web Developer menus to be customized
- Allow unlimited customizable bookmarklets as tools
- Use %s and %d placeholders for the site URL and domain in a tool URL
CHROME
- Add the features:
- Add JavaScript status icon
- Add quirks mode status icon
- Add support for customizable keyboard shortcuts
FIREFOX
- Add the features:
- 'View Generated Source' should be able to be opened in
a tab - 'View Source With' should be allowed to be the default
for all view source features - Add support for automatically closing the message notifications
after a few seconds - Add support for disabling the cache only for certain
domains - Allow features to be pinned per tab
- Context menu features should work only on the selected
frame - Detect keyboard shortcut conflicts
& Tablet Emulator(用于常见移动端适配):(重点)
Mobile Emulator is an useful online tool to check the screen resolution on different mobile and tablet devices.Mobile Emulator is an useful online tool to check the screen resolution on different mobile and tablet devices.Do your mobile screen resolution check for developed mobile website straight from your desktop.Mobile devices supported:BlackBerry: 320x240iphone4s: 320x480iphone5: 320x568Galaxy S3: 360x640Lumia 900: 480x800Tablet devices supported:Kindle Fire 7: 533x853Google Nexus: 603x966Apple iPad: 768x1024Best way to check screen responsive design for mobile devices & tablet online
Test your web pages on common mobile and tablet devices/user agents. Excellent for testing responsive web design.
This extension allows web designers and developers to test their web pages against common mobile and tablet devices by emulating the user agent and screen resolution. Excellent for testing responsive web designs. Test multiple mobile devices at the same time!Very helpful when your site is in development and testing on actual devices can be difficult.** New in version 1.4**- Larger device label and scroll arrows- Galaxy Note II added- Scrollbar removed quicker**New in version 1.3**- Width and heights adjusted to account for Chrome borders.- Scroll bar removed and scrolling arrows added to the bottom of the window- A couple more devices added- New logo- Various bug fixes
Speed Tracer:
Speed Tracer是一款功能强大的Web性能分析扩展,能够对网页中的元素进行全方位的检測分析,找出你网页执行缓慢的罪魁祸首。以方便开发人员优化代码,功能非常强大。
借助Speed Tracer,您能够更好地了解在应用程序中的哪些地方消耗了时间,并能够解决JavaScript语法分析和运行、CSS式样以及更 多方面的问题。
COMMON
- Add the features:
- Auto Reload
- Check Spelling
- Clean Submit
- Clear Application Cache
- Disable CSS3 Styles
- Disable Flash
- Disable Frames
- Disable HTML5 Form Validation
- Disable Image Maps
- Disable Redirects
- Disable Sound
- Disable Window Resize
- Display Baseline Grid
- Display Canonical URL
- Display Event Information
- Display Margin & Padding
- Display Screen Size Overlay
- Make Element Resizable
- Outline Image Maps
- Outline No Follow Links
- Outline No Index Elements
- Remove Inline Styles
- Replace Images With Title Attributes
- Validate Generated HTML
- Validate Local Accessibility
- Validate Tidied HTML
- View Color Contrast Information
- View Computed Style
- View Font Information
- View Formatting
- 'Display Element Information' should display color information
- 'Display Line Guides' should allow saving the line guide positions
- 'Display Line Guides' should be able to be pinned
- 'Display Style Information' should display inherited styles
- 'Edit CSS' should have a color picker
- 'Edit CSS' should notify when style sheets have invalid MIME types
- 'Populate Form Fields' should be configurable
- 'Validate Local CSS' and 'Validate Local HTML' validators should be configurable
- 'View Link Information' should display the link text, title and target
- 'View Link Information' should separate internal and external links
- Add a warning when closing the dashboard after changes have been made
- Add support for beautifying CSS
- Add support for element position in 'Display Element Information'
- Add support for gradients in 'View Color Information'
- Add support for importing and exporting of the extension options
- Add support for sorting 'View Color Information' by color instead of alphabetically
- Add support for wrapping text output
- Allow templates of activated features to be saved and loaded
- Allow the Web Developer menus to be customized
- Allow unlimited customizable bookmarklets as tools
- Use %s and %d placeholders for the site URL and domain in a tool URL
CHROME
- Add the features:
- Add JavaScript status icon
- Add quirks mode status icon
- Add support for customizable keyboard shortcuts
FIREFOX
- Add the features:
- 'View Generated Source' should be able to be opened in
a tab - 'View Source With' should be allowed to be the default
for all view source features - Add support for automatically closing the message notifications
after a few seconds - Add support for disabling the cache only for certain
domains - Allow features to be pinned per tab
- Context menu features should work only on the selected
frame - Detect keyboard shortcut conflicts
移动web开发前准备知识了解(html5、jquery)笔记的更多相关文章
- 网站开发中很实用的 HTML5 & jQuery 插件
这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...
- 值得 Web 开发人员学习的20个 jQuery 实例教程
这篇文章挑选了20个优秀的 jQuery 实例教程,这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平.其中,既有网站中常用功能的的解决方案,也有极具吸引力的亮点功能的实现方法,相信通过对 ...
- Web 开发最有用的50款 jQuery 插件集锦——《综合篇》
这篇文章是<Web 开发最有用的50款 jQuery 插件集锦>系列的最后一篇,整个系列向大家分享了在网站开发中非常有帮助的 50 款 jQuery 插件,这些插件按用途主要有以下类别:网 ...
- Web 开发最有用的50款 jQuery 插件集锦——《图片特效篇》
<Web 开发最有用的50款 jQuery 插件集锦>系列文章向大家分享最具创新的50款 jQuery 插件,这些插件分成以下类别:网页布局插件,导航插件,表格插件,滑块和转盘插件,图表插 ...
- 【特别推荐】Web 开发人员必备的经典 HTML5 教程
对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西.唯一的问题是,你需要跟上这个领域的发展脚步,因此,你必须不断的学习,不断的前进.本文将分享能够帮助您快速掌 ...
- 加速Web开发的9款知名HTML5框架
与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证.大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts.CSS3样式表则以改善多媒体特征的功能性和响 ...
- IT兄弟连 Java Web教程 Web开发的相关知识
Web基本概念 Web,是环球信息网的缩写,也称作“WWW.W3”,英文全称为World Wide Web,中文名成为万维网,常简称为Web.Web分为Web客户端和Web服务器程序.Web可以让We ...
- Web开发HTTP协议知识_常用http方法、http状态码等(前端开发和面试必备))
http请求由三部分组成,分别是:请求行.消息报头.请求正文. HTTP(超文本传输协议)是一个基于请求与响应模式的.无状态的.应用层的协议,常基于TCP的连接方式,HTTP1.1版本中给出一种持续连 ...
- WEB开发的相关知识(Tomcat)
Internet上供外界访问的Web资源分为 静态web资源(如html 页面):指web页面中供人们浏览的数据始终是不变. 动态web资源:指web页面中供人们浏览的数据是由程序产生的,不同时间点访 ...
随机推荐
- ALSA音频工具amixer,aplay,arecord
ALSA音频工具编译安装 ========================================================================1.官网http://www. ...
- Mac 下纯lua(三)
文件处理 直接使用io调用 io.close();文件流关闭 io.flush():如果文件流以bufferd缓存模式处理,输入不会立即存入文件,需要调用本函数 io.input(file):输入 i ...
- 记录一个原因不明的段错误(libxml2 proc activemq的三角恋)
又碰到了令人头疼的段错误,但是这次,虽然最终找到了出自何处,但是还是不明白究竟是为何. 最后将程序简化,贴上来,希望高人能指点一下. memt.pc: #include <libxml/pars ...
- STL中的set集合容器进行集合运算:并、交、差实例
集合容器的集合运算:并.交.差: #include "stdafx.h" #include <iostream> #include <set> #inclu ...
- 【C语言】输入一组整数,求出这组数字子序列和中最大值
//输入一组整数.求出这组数字子序列和中最大值 #include <stdio.h> int MAxSum(int arr[],int len) { int maxsum = 0; int ...
- cocos2d-x绑定ccb文件
首先,ccb文件是如何生成的,我就不多说了,大家可以搜下cocosbuilder,就能找的相关的教程,而通过cocosbuilder,我们可以省去了很多设计的麻烦,比如设计一个精灵的位置啥的,而通过c ...
- Qt开始学习的一些问题
1.需要将qmake.moc和qvfb的路径加入到系统的环境变量: qmake.moc:export PATH=$PATH:/usr/local/Trolltech/QtEmbedded-4.6.1- ...
- Android设置背景
一.设置图片背景 首先你先将一个的背景图片存入工程中res/drawble(当然drawble-hdpi.drawble-mdpi.drawble-ldpi中一个或者几个文件夹都可)文件夹中.假如我存 ...
- 定时排程刷新微信access-token
微信公众号开发中最常遇到的就是调用接口时候需要有API的access-token(非网页授权的access-token),有了这个token之后,才可以发生模板消息等.这里的做法主要是用nodejs的 ...
- 分享一个手机端好用的jquery ajax分页类
分享一个手机端好用的jquery ajax分页类 jquery-ias.min.js 1,引入jquery-ias.min.js 2,调用ajax分页 <script type="te ...