[Web制作]iPhoneサイトã§è¡¨ç¤ºå´©ã‚ŒãŒç™ºç”Ÿã—ãŸæ™‚ã€å®Ÿæ©Ÿã¨Macを繋ã„ã§Webインスペクタ機能ã§ãƒ‡ãƒãƒƒã‚°ã™ã‚‹æ–¹æ³•ã“ã‚“ã«ã¡ã¯ã€éœ™(@xxmiz0rexx)ã§ã™ã€‚ スマートフォンサイトを制作ã—ã¦ã„る時ã€ãŸã¾ãƒ¼ã«å›°ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œã¯ã€å®Ÿæ©Ÿã§ã—ã‹å†ç¾ã—ãªã„表示崩れ。 Macã§ã¿ãŸæ™‚ã¯å¤§ä¸ˆå¤«ã ã£ãŸã®ã«ã€ä½•æ•…ã‹iPhoneã§ã¯è¬Žã®ä½™ç™½ãŒâ€¦ãªã‚“ã¦ã“ã¨ãŒå…ˆæ—¥ã‚‚ã‚ã‚Šã¾ã—ã¦ã€ 解決ã®ãŸã‚ã«Safariã®Webインスペクタ機能を使ã£ã¦ã¿ã¾ã—ãŸã®ã§ä½¿ã„方をメモã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Webインスペクタ機能ã¨ã¯ iPhoneã§è¦‹ã¦ã„るページã®ã‚½ãƒ¼ã‚¹ã‚’Macã§è¦‹ãªãŒã‚‰ãƒ‡ãƒãƒƒã‚°ã§ãる機能ã§ã™ã€‚ 使ã†ã«ã¯åŒæ–¹ã¸ã®ã¡ã‚‡ã£ã¨ã—ãŸè¨å®šã¨ã€ãŠäº’ã„をケーブルã§ç¹‹ãã“ã¨ãŒæ¡ä»¶ã€‚ ã¿ã‚“ãªã ã„ã™ãGoogle Chromeã®é–‹ç™ºè€…ツールã¨åŒã˜ã‚ˆã†ãªã‚‚ã®ã§ã™ã。 å¿…è¦ãªã‚‚ã® 1.Mac 2.iPhone 3.ケーブル 次ã®ç« ã§ä½¿ã„方を書ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Webインスペクタ機能を利用ã™ã‚‹æ‰‹é † 1：iPhoneã¨Macをケーブルã§ç¹‹ã ã¾ãš
![[Web制作]iPhoneサイトã§è¡¨ç¤ºå´©ã‚ŒãŒç™ºç”Ÿã—ãŸæ™‚ã€å®Ÿæ©Ÿã¨Macを繋ã„ã§Webインスペクタ機能ã§ãƒ‡ãƒãƒƒã‚°ã™ã‚‹æ–¹æ³•](https://cdn-ak-scissors.b.st-hatena.com/image/square/40f32f22625c07917861df73b24c82b03b4b6348/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2Ff58a46be76400f23debbeacb9e1cc899.png)
{{#tags}}- {{label}}
{{/tags}}