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

页面导航:首页 > 网络编程 > JavaScript > 移动web开发前准备知识了解(html5、jquery)笔记

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

来源: 作者: 时间:2016-02-19 09:19 【

1 常用 插件工具 chrome插件: Mobile Tablet Emulator(用于常见移动端适配):(重点)Mobile Emulator is an useful online tool to check the screen resolution on different
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

    Add the features:
      Auto ReloadCheck SpellingClean SubmitClear Application CacheDisable CSS3 StylesDisable FlashDisable FramesDisable HTML5 Form ValidationDisable Image MapsDisable RedirectsDisable SoundDisable Window ResizeDisplay Baseline GridDisplay Canonical URLDisplay Event InformationDisplay Margin & PaddingDisplay Screen Size OverlayMake Element ResizableOutline Image MapsOutline No Follow LinksOutline No Index ElementsRemove Inline StylesReplace Images With Title AttributesValidate Generated HTMLValidate Local AccessibilityValidate Tidied HTMLView Color Contrast InformationView Computed StyleView Font InformationView 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 linksAdd a warning when closing the dashboard after changes have been madeAdd support for beautifying CSSAdd 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 optionsAdd support for sorting 'View Color Information' by color instead of alphabeticallyAdd support for wrapping text outputAllow templates of activated features to be saved and loadedAllow the Web Developer menus to be customizedAllow unlimited customizable bookmarklets as toolsUse %s and %d placeholders for the site URL and domain in a tool URL

      CHROME

        Add the features:
          Display Page MagnifierDisplay Style InformationView Generated Source Add JavaScript status iconAdd quirks mode status iconAdd support for customizable keyboard shortcuts

          FIREFOX

          • Add the features:
              Enable Retina Mode
            • '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
              2.firefox: firebug:调试使用(重点) yslow:web前端性能优化使用(重点) firejquery:调试jquery firepicker:取色器 webdeveloper(重点)
              
              3.几个常见的html5新标签
               Script语法分析和执行、CSS式样以及更 多方面的问题。
              


              firebug lite:firebug调试程序
              measure it:测量图片大小插件
              web developer:

              COMMON

                Add the features:
                  Auto ReloadCheck SpellingClean SubmitClear Application CacheDisable CSS3 StylesDisable FlashDisable FramesDisable HTML5 Form ValidationDisable Image MapsDisable RedirectsDisable SoundDisable Window ResizeDisplay Baseline GridDisplay Canonical URLDisplay Event InformationDisplay Margin & PaddingDisplay Screen Size OverlayMake Element ResizableOutline Image MapsOutline No Follow LinksOutline No Index ElementsRemove Inline StylesReplace Images With Title AttributesValidate Generated HTMLValidate Local AccessibilityValidate Tidied HTMLView Color Contrast InformationView Computed StyleView Font InformationView 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 linksAdd a warning when closing the dashboard after changes have been madeAdd support for beautifying CSSAdd 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 optionsAdd support for sorting 'View Color Information' by color instead of alphabeticallyAdd support for wrapping text outputAllow templates of activated features to be saved and loadedAllow the Web Developer menus to be customizedAllow unlimited customizable bookmarklets as toolsUse %s and %d placeholders for the site URL and domain in a tool URL

                  CHROME

                    Add the features:
                      Display Page MagnifierDisplay Style InformationView Generated Source Add JavaScript status iconAdd quirks mode status iconAdd support for customizable keyboard shortcuts

                      FIREFOX

                      • Add the features:
                          Enable Retina Mode
                        • '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
                          2.firefox: 1.firebug:web前端调试使用(重点) 2.yslow:web前端性能优化使用(重点) 3.firejquery:调试jquery 4.firepicker:取色器 5.webdeveloper(重点)
                          
                          3.几个常见的5新标签
                           式样以及更 多方面的问题。
                          


                          firebug lite:firebug调试程序
                          measure it:测量图片大小插件
                          web developer:

                          COMMON

                            Add the features:
                              Auto ReloadCheck SpellingClean SubmitClear Application CacheDisable CSS3 StylesDisable FlashDisable FramesDisable HTML5 Form ValidationDisable Image MapsDisable RedirectsDisable SoundDisable Window ResizeDisplay Baseline GridDisplay Canonical URLDisplay Event InformationDisplay Margin & PaddingDisplay Screen Size OverlayMake Element ResizableOutline Image MapsOutline No Follow LinksOutline No Index ElementsRemove Inline StylesReplace Images With Title AttributesValidate Generated HTMLValidate Local AccessibilityValidate Tidied HTMLView Color Contrast InformationView Computed StyleView Font InformationView 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 linksAdd a warning when closing the dashboard after changes have been madeAdd support for beautifying CSSAdd 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 optionsAdd support for sorting 'View Color Information' by color instead of alphabeticallyAdd support for wrapping text outputAllow templates of activated features to be saved and loadedAllow the Web Developer menus to be customizedAllow unlimited customizable bookmarklets as toolsUse %s and %d placeholders for the site URL and domain in a tool URL

                              CHROME

                                Add the features:
                                  Display Page MagnifierDisplay Style InformationView Generated Source Add status iconAdd quirks mode status iconAdd support for customizable keyboard shortcuts

                                  FIREFOX

                                  • Add the features:
                                      Enable Retina Mode
                                    • '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
                                      2.firefox: 1.firebug:web前端调试使用(重点) 2.yslow:web前端性能优化使用(重点) 3.firejquery:调试jquery 4.firepicker:取色器 5.webdeveloper(重点)
                                      
                                      3.几个常见的html5新标签
                                      
                                      >

Tags:

文章评论


<