Uso de Chrome DevTools como profesional - Desarrollo de sitios web
Воскресенье, 29.12.2013, 07:55
Заработок в интернете для новичков
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
МЕНЮ САЙТА
КАТЕГОРИИ раздела
  • Истории успеха
  • Оптимизация
  • B2b
  • Хлебные крошки
  • SEO
  • Социальные сети
  • Антивирус
  • Семантическое ядро
  • Реклама
  • Новости
  • Новости
    Оптимизация текстов под Яндекс и Гугл за счет их форматирования
    Обновлено: 17 февраля 2017 Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу продолжить тему, начатую в статье « Seo оптимизация текстов для коммерческого сайта ». В начале

    301 редирект в htaccess для SEO оптимизации страниц сайта
    Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Если говорить вкратце, то 301 редирект очень часто используют, когда необходимо исключить возникновение дублей, а также сохранить уже имеющийся

    Задача - дискретная оптимизация
    Задачи дискретной оптимизации - это задачи нахождения экстремума функции, заданной на дискретном ( чаще всего - конечном) множестве точек. Если область определения функции состоит из конечного числа точек,

    Команды для оптимизации cs go
    У многих людей слабое железо, и каждый второй хочет ускорить производительность своего компьютера и поднять FPS в играх CS:GO, CS:S, Minecraft и других играх. В этой статье я хочу раскрыть кучу секретов

    Настраиваем графику Assassin's Creed Unity
    Наконец-то вышла долгожданная Assassin’s Creed Unity, расширив возможности используемого в Assassin’s Creed IV: Black Flag движка AnvilNext по части стелс-экшна, игровой механики и почти безупречного воссоздания

    Антикризисная стратегия корпорации (компании) - АЛЬТ-Маркетинг - Альтернативные Маркетинговые Технологии
    АЛЬТ-Маркетинг - Альтернативные Маркетинговые Технологии Главная > Библиотека > Стратегическое планирование, разработка стратегии, корпоративные и функциональные стратегии

    Оптимизация SQL-запросов
    Метки статей: 100mbru , CentOS , cms , drupal , joomla , LAMP , linux , mysql , nicru , Open-Source , Red Hat , seo , Typo3 , ubuntu , авто , администрирование , алгоритмы , алкоголь

    Методы и способы оптимизации налогообложения на предприятии в 2017 году
    Для каждой компании основной задачей является повышение рентабельности своего бизнеса. Общеизвестно, что значительный размер  затрат предприятия составляют налоговые платежи. Ежегодно политика налоговой

    Seo
    Как я и говорил, начинаю публикации в блоге со статей для новичков, так сказать, потрогаем азы… SEO  – это просто аббревиатура, которая в английском языке произносится и пишется как Search Engines

    Оптимизация производительности MySQL на ОС Linux
    Существует множество факторов, влияющих на производительность MySQL в Azure, которые зависят и от выбора виртуального оборудования, и от конфигурации программного обеспечения. Эта статья посвящена оптимизации

    Праздники России
    Статистика
    Rambler's Top100




    Онлайн всего: 0
    Гостей: 0
    Пользователей: 0

    Usamos Chrome DevTools como sobre

    1. Edita rápidamente los elementos HTML
    2. Expandir todos los elementos secundarios
    3. Reubicación del inspector
    4. Búsqueda de elementos DOM
    5. Paletas
    6. Cursores multiples
    7. Codificar imagen base64
    8. Conmutación de pseudo-clase
    9. Selección de columna
    10. Copia de solicitud de cURL
    11. Teclado en pantalla
    12. Captura de pantalla de toda la página.
    13. Emulación de dispositivos táctiles.
    14. Caracteristicas utiles

    Como su nombre lo indica, Chrome DevTools, o inspector web, es una herramienta diseñada para desarrolladores web y personas asociadas con él. El inspector web le permite hacer lo siguiente:

    • Inspeccione la corrección de la pantalla.
    • Seguimiento de la ejecución de scripts en JavaScript.
    • Ver las actividades de la red.

    Al escribir este artículo utilicé Canario - versión de Chrome, donde se prueban nuevas características, que luego caen en una versión estable de Chrome.

    Para iniciar el inspector, puede hacer clic con el botón derecho en cualquier lugar de la página y seleccionar "Ver código de elemento", también puede presionar Ctrl + Mayús + C.

    Edita rápidamente los elementos HTML

    Empecemos por lo más simple: editar elementos.

    Empecemos por lo más simple: editar elementos

    Cómo comprobar:

    • Seleccione la pestaña "Elementos".
    • Seleccione cualquier elemento HTML dentro del panel.
    • Haga doble clic en la etiqueta y cambie, por ejemplo, el nombre de la etiqueta.

    Cuando se completa la edición, la etiqueta de cierre se actualizará automáticamente.

    Expandir todos los elementos secundarios

    Cómo comprobar:

    • Ve al panel Elementos.
    • Seleccione un elemento y, mientras mantiene presionada la tecla Alt, haga clic en la flecha a la izquierda del elemento.

    Reubicación del inspector

    El panel de inspección se puede presionar tanto en la parte inferior de la ventana del navegador como en su lado derecho. Por ejemplo, la ubicación del panel de la derecha es conveniente cuando se trabaja en monitores de pantalla panorámica. Además, el panel del inspector se puede colocar en una ventana separada y, por ejemplo, transferir a otro monitor.

    Además, el panel del inspector se puede colocar en una ventana separada y, por ejemplo, transferir a otro monitor

    Cómo comprobar:

    • Ctrl + Shift + D - Alternar ubicación

    Búsqueda de elementos DOM

    Probablemente no haya muchos para quienes esto sea un descubrimiento, pero en la pestaña "Elementos" puede buscar por DOM.

    Probablemente no haya muchos para quienes esto sea un descubrimiento, pero en la pestaña Elementos puede buscar por DOM

    Cómo comprobar:

    • Presione Ctrl + F e ingrese la consulta de búsqueda propuesta.

    Paletas

    Seleccione color de la paleta

    La elección del color en las versiones recientes de Chrome ha sufrido algunos cambios: se agregaron dos paletas para facilitar la elección del color.

    Cursores multiples

    Mueva el cursor y, mientras mantiene presionado Ctrl, haga clic en el área deseada para agregar un cursor. Puedes deshacer la acción usando Ctrl + U. Personalmente, nunca he sido útil.

    Codificar imagen base64

    Cómo comprobar:

    • Cambie al panel de red.
    • Seleccionar imagen
    • Haga clic derecho en la imagen y seleccione ""

    Conmutación de pseudo-clase

    Las pseudo-clases reflejan el estado de los elementos y sus posiciones relativas.

    Las pseudo-clases reflejan el estado de los elementos y sus posiciones relativas

    Cómo comprobar:

    • Haga clic con el botón derecho en un elemento del panel Elementos y seleccione una pseudo-clase en la lista Estado del elemento de fuerza.
    • También puede seleccionar una pseudo-clase en el lado derecho del panel Elementos.

    Selección de columna

    Cómo comprobar:

    • Vaya al panel "Fuentes".
    • Seleccione cualquier archivo.
    • Resalte el texto manteniendo presionada la tecla Alt.

    La selección de una columna también funciona cuando se edita HTML en el panel Elementos.

    Copia de solicitud de cURL

    Cualquier solicitud en la pestaña Red se puede copiar y luego pegar en el terminal para su ejecución utilizando curl.

    Teclado en pantalla

    Si se selecciona el perfil Nexus 5X, puede ver cómo se ve el sitio cuando el teclado en pantalla está activo.

    Chrome DevTools: Teclado en pantalla Chrome DevTools: Teclado en pantalla

    Captura de pantalla de toda la página.

    Tomar una foto de toda la página es muy simple. Solo necesito ...

    1. Inspector abierto.
    2. Ve a la consola.
    3. Presiona Ctrl + Shift + P
    4. Escribe "captura de pantalla"
    5. Seleccione "Capturar captura de pantalla a tamaño completo"
    Captura de pantalla de toda la página.

    Emulación de dispositivos táctiles.

    También puedes simular algunos sensores:

    • Pantalla táctil
    • Coordenadas para la geolocalización.
    • Acelerómetro

    Cómo probar:

    • Seleccione el panel Elementos.
    • Presiona "Esc" y selecciona "Emulación> Sensores".

    Caracteristicas utiles

    claves y valores

    Las funciones de claves y valores le permiten enviar las claves o valores del objeto a la consola, respectivamente. Las funciones de claves y valores le permiten enviar las claves o valores del objeto a la consola, respectivamente Visualización de claves y valores de objetos por separado

    ДОБАВЬ В ЗАКЛАДКУ
    Форма входа
    ДРУЗЬЯ сайта

    Ярмарка Мастеров - ручная работа, handmade
    Способы заработка


    Copyright MyCorp © 2013
    Создать сайт бесплатно