;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Criar chat e excluir tudo: Veja mais de 10 atalhos para dominar o WhatsApp

Divulgação
Imagem: Divulgação

Juliana Stern

Colaboração para Tilt, em São Paulo

15/11/2021 16h09Atualizada em 16/11/2021 19h18

Com mais gente trabalhando de casa, usar o WhatsApp pelo computador —seja pelo aplicativo ou na versão web— vem se mostrando uma opção mais ágil para troca de mensagens, sendo com amigos ou para resolver alguma pendência com colegas de trabalho.

Para facilitar a vida de quem fica boa parte do dia em frente ao computador, Tilt reuniu diversos atalhos do WhatsApp, que funcionam tanto no aplicativo para Windows como para a versão web, ada pelo navegador:

Grupos e Conversas

O WhatsApp Web permite que o usuário crie novas conversas e grupos, silencie e arquive os bate-papos e ainda pesquise mensagens específicas, tudo sem que seja necessário um clique do mouse.

  • Ctrl + Alt + N = Criar um novo grupo ou conversa
  • Ctrl + Alt + Shift + "/"= Pesquisar nas conversas
  • Ctrl + Alt + F = Pesquisar mensagens na conversa atual
  • Ctrl + Alt + E = Arquivar a conversa atual
  • Ctrl + Alt + Shift + M = Silenciar a conversa atual
  • Ctrl + Alt + Shift + U = Marcar como não lida a conversa atual
  • Ctrl + Alt + Backspace = Excluir a conversa atual
  • Ctrl + Alt + Shift + "["= Ir para a conversa anterior
  • Ctrl + Alt + Shift + "]" = Ir para a próxima conversa

Os atalhos também auxiliam na hora de escrever as mensagens. Para colocar emojis, use a tecla TAB até que o app selecione o ícone de emoticons e pressione ENTER para abrir a aba.

Para navegar entre as opções, uso SHIFT+TAB e ENTER para selecionar.

Se está procurando uma carinha específica apenas digite o nome do emoji ou emoção + ENTER para ver a seleção. Caso queira ar as abas de GIFs do aplicativo, continue apertando TAB depois de abrir a seleção de emojis.

Os atalhos também permitem que você altere a formatação do texto, uma ótima funcionalidade para destacar uma parte da mensagem.

  • Use o símbolo de asterisco (*) no início e no fim do texto para que a mensagem seja enviada em negrito (*TEXTO*).
  • Use o símbolo underline (_) no início e fim do texto para que a mensagem seja enviada em itálico (_TEXTO_);
  • Use o símbolo do til (~) no início e no fim do texto para que a mensagem seja com texto tachado (com um risco sobre o conteúdo) (~TEXTO~)

Configurações

Para ar as configurações do aplicativo no desktop, utilize as teclas CTRL + ALT + ",". Isso abrirá a aba simbolizada pelo ícone da engrenagem. Os atalhos também possibilitam abrir seu próprio perfil no app (CTRL + ALT + P) e entrar em contato com o e do WhatsApp (CTRL + ALT + SHIFT +H). Para fechar o aplicativo, utilize ALT + F4 caso utilize o serviço em computador Windows ou CMD + Q para computadores macOS.

E lembre-se, estes comandos funcionam para computadores com o sistema operacional Windows; para os computadores com macOS, o "Ctrl" deve ser substituído por "Cmd" + "Shift".

Errata: este conteúdo foi atualizado
Diferente do informado, usar o símbolo til (~) entre um texto no WhatsApp não o torna sublinhado, mas tachado. A informação já foi corrigida.