移动web开发前准备知识了解(html5、jquery)笔记

1.经常使用 插件工具
 chrome插件:
  Mobile
& 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: 320x240
 iphone4s: 320x480
 iphone5: 320x568
 Galaxy S3: 360x640
 Lumia 900: 480x800
Tablet devices supported:
 Kindle Fire 7: 533x853
 Google Nexus: 603x966
 Apple iPad: 768x1024
Best way to check screen responsive design for mobile devices & tablet online


     Mobile/RWD Tester(移动web页面測试)
   

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 是能帮助您发现并解决网络应用程序中的性能问题。借助Speed Tracer,您能够更好地了解在应用程序中的哪些地方消耗了时间。并能够解决JavaScript语法分析和运行、CSS式样以及更 多方面的问题。



firebug lite:firebug调试程序

measure it:測量图片大小插件

web developer:

COMMON

CHROME

FIREFOX


2.firefox:
 firebug:web前端调试使用(重点)
 yslow:web前端性能优化使用(重点)
 firejquery:调试jquery
 firepicker:取色器
 webdeveloper(重点)

 3.几个常见的html5新标签
      <audio>
      <video>
1.经常使用 插件工具
 chrome插件:
  Mobile
& 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: 320x240
 iphone4s: 320x480
 iphone5: 320x568
 Galaxy S3: 360x640
 Lumia 900: 480x800
Tablet devices supported:
 Kindle Fire 7: 533x853
 Google Nexus: 603x966
 Apple iPad: 768x1024
Best way to check screen responsive design for mobile devices & tablet online


     Mobile/RWD Tester(移动web页面測试)
   

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 是能帮助您发现并解决网络应用程序中的性能问题。借助Speed Tracer,您能够更好地了解在应用程序中的哪些地方消耗了时间。并能够解决JavaScript语法分析和运行、CSS式样以及更 多方面的问题。



firebug lite:firebug调试程序

measure it:測量图片大小插件

web developer:

COMMON

CHROME

FIREFOX


2.firefox:
1.firebug:web前端调试使用(重点)
2.yslow:web前端性能优化使用(重点)
3.firejquery:调试jquery
4.firepicker:取色器
5.webdeveloper(重点)

 3.几个常见的html5新标签
      <audio>
      <video>
1.经常使用 插件工具
 chrome插件:
  Mobile
& 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: 320x240
 iphone4s: 320x480
 iphone5: 320x568
 Galaxy S3: 360x640
 Lumia 900: 480x800
Tablet devices supported:
 Kindle Fire 7: 533x853
 Google Nexus: 603x966
 Apple iPad: 768x1024
Best way to check screen responsive design for mobile devices & tablet online


     Mobile/RWD Tester(移动web页面測试)
   

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 是能帮助您发现并解决网络应用程序中的性能问题。

借助Speed Tracer,您能够更好地了解在应用程序中的哪些地方消耗了时间,并能够解决JavaScript语法分析和运行、CSS式样以及更 多方面的问题。




firebug lite:firebug调试程序

measure it:測量图片大小插件

web developer:

COMMON

CHROME

FIREFOX


2.firefox:
1.firebug:web前端调试使用(重点)
2.yslow:web前端性能优化使用(重点)
3.firejquery:调试jquery
4.firepicker:取色器
5.webdeveloper(重点)

 3.几个常见的html5新标签

      <audio>
      <video>

移动web开发前准备知识了解(html5、jquery)笔记

上一篇:Android 网络编程基础之简单聊天程序


下一篇:android判断adb调试是否打开及代码跳转到开发者选项界面