telegram-crawler/data/web/telegram.org/blog/instant-view.html
2024-08-14 11:55:26 +00:00

270 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Instant View, Telegraph, and Other Goodies</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Instant View, Telegraph, and Other Goodies">
<meta property="og:image" content="https://telegram.org/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="Meet Instant View, a elegant way to view articles with zero pageload time. To try it out, use Telegram version 3.14 to share a link to a Medium post or a TechCrunch article. This will get you an Instant View button that immediately shows a native page, saving you time and data.">
<meta property="article:published_time" content="2016-11-22T20:07:37+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" />
<meta property="fb:app_id" content="254098051407226">
<meta property="vk:app_id" content="3782569">
<meta name="apple-itunes-app" content="app-id=686449807">
<meta name="telegram:channel" content="@telegram">
<link rel="canonical" href="https://telegram.org/blog/instant-view" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?240" rel="stylesheet" media="screen">
</head>
<body class="preload">
<div id="fb-root"></div>
<div class="tl_page_wrap">
<div class="tl_page_head navbar navbar-static-top navbar navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
<ul class="nav navbar-nav navbar-right"><li class="dropdown top_lang_select"><a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#"><i class="dev_top_lang_icon"></i>EN <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class="chosen "><a href="?setln=en">English</a></li><li class="long "><a href="?setln=id">Bahasa Indonesia</a></li><li class="long "><a href="?setln=ms">Bahasa Melayu</a></li><li class=""><a href="?setln=de">Deutsch</a></li><li class=""><a href="?setln=es">Español</a></li><li class=""><a href="?setln=fr">Français</a></li><li class=""><a href="?setln=it">Italiano</a></li><li class=""><a href="?setln=nl">Nederlands</a></li><li class=""><a href="?setln=uz">Ozbek</a></li><li class=""><a href="?setln=pl">Polski</a></li><li class="long "><a href="?setln=pt-br">Português (Brasil)</a></li><li class=""><a href="?setln=tr">Türkçe</a></li><li class=""><a href="?setln=be">Беларуская</a></li><li class=""><a href="?setln=ru">Русский</a></li><li class=""><a href="?setln=uk">Українська</a></li><li class=""><a href="?setln=ar">العربية</a></li><li class=""><a href="?setln=fa">فارسی</a></li><li class=""><a href="?setln=ko">한국어</a></li></ul></li><li class="navbar-twitter hidden-xs"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i> Twitter</a></li></ul>
<ul class="nav navbar-nav">
<li class=""><a href="/">Home</a></li>
<li class=""><a href="/faq">FAQ</a></li>
<li class=""><a href="/apps">Apps</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/mtproto">Protocol</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix tl_page_container ">
<div class="tl_page">
<div class="tl_contest_page_wrap">
<div class="tl_blog_side_blog"><div class="side_blog_wrap">
<div class="side_blog">
<a href="/blog" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="/blog/superchannels-star-reactions-subscriptions" class="side_blog_entry">
<div class="side_blog_date">Aug 14</div>
<div class="side_blog_title">Super Channels, Star Reactions and Subscriptions</div>
</a><a href="/blog/w3-browser-mini-app-store" class="side_blog_entry">
<div class="side_blog_date">Jul 31</div>
<div class="side_blog_title">Telegram Browser, Mini App Store, Gifting Stars and More</div>
</a><a href="/blog/mini-app-bar-paid-media-and-more" class="side_blog_entry">
<div class="side_blog_date">Jun 30</div>
<div class="side_blog_title">Mini App Bar, Paid Media, Story Search &amp; More</div>
</a><a href="/blog/telegram-stars" class="side_blog_entry">
<div class="side_blog_date">Jun 6</div>
<div class="side_blog_title">Telegram Stars: Pay for Digital Goods and More</div>
</a><a href="/blog/message-effects-and-more" class="side_blog_entry">
<div class="side_blog_date">May 31</div>
<div class="side_blog_title">Message Effects, Hashtag Search, and More</div>
</a><a href="/blog/my-profile-and-15-more" class="side_blog_entry">
<div class="side_blog_date">Apr 25</div>
<div class="side_blog_title">My Profile, Recommended Channels and 15 More Features</div>
</a><a href="/blog/sticker-maker" class="side_blog_entry">
<div class="side_blog_date">Apr 14</div>
<div class="side_blog_title">Sticker Editor — Create Your Own Stickers</div>
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Instant View, Telegraph, and Other Goodies</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<img src="/file/811140520/1/u1WmYCpjBoQ/ea7ebbbc053abd591d" class="blog_side_image"/>
</div>
<div class="blog_wide_image">
<a href="/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" target="_blank"><img src="/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" title="This blog post was the first one to get its own full color illustration (the bot prize one was cut out of a poster). And if you were looking for the only funny alt text added before Summer 2019, you've found it. Go home. Yes, I know it's not really that funny."/></a>
</div>
<div>Meet <b>Instant View</b>, an elegant way to view <s>your dog</s> articles with zero pageload time. To try it out, use Telegram version <b>3.14</b> to share a link to a <b><a href="https://medium.com">Medium</a></b> post or a <a href="https://techcrunch.com"><b>TechCrunch</b></a> article. This will get you an <i>Instant View</i> button that immediately shows a native page, saving you time and data. </div>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140831/2/hCo6ELf7oWs.134511/4233a17be835481dc4" target="_blank"><img src="/file/811140831/2/hCo6ELf7oWs.134511/4233a17be835481dc4" title="Instant View button"/></a>
<p>Instant View button</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140368/2/RfcQmOykCAE.162784/ae6ebd67a71e9a0bee" target="_blank"><img src="/file/811140368/2/RfcQmOykCAE.162784/ae6ebd67a71e9a0bee" title="Full peview"/></a>
<p>Saves time and data</p> </div>
</div>
<p>If you have feedback about the way an Instant View page was generated, ping our <a href="https://telegram.me/previews">@previews</a> bot. Only a handful of websites are supported at the moment, but we&#39;ll be adding more as we go. Eventually we want to provide Instant View pages for every story on the Web and thus devour the entire Internet (*evil laugh*).</p>
<h3><a class="anchor" name="telegraph" href="#telegraph"><i class="anchor-icon"></i></a>Telegraph</h3>
<p>Today we are launching <a href="https://telegra.ph"><strong>Telegraph</strong></a> a publishing tool that lets you create richly formatted posts with photos and all sorts of embedded stuff. Telegraph posts get beautiful Instant View pages on Telegram.</p>
<p>To try it, go to <a href="https://telegra.ph"><strong>telegra.ph</strong></a>, publish a story, and share it on Telegram. With Telegraph, your Telegram channel can run stories just like the mainstream media (although you may find it tricky to become as biased).</p>
<h3><a class="anchor" name="jump-to-date" href="#jump-to-date"><i class="anchor-icon"></i></a>Jump to Date</h3>
<p>You can now travel in time to any moment in the past. Just tap <strong>Search</strong> inside a chat and choose a day using the <strong>Calendar</strong> tool. </p>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140633/3/li2YSyBrIko.95469/a1f69dca2b7e762940" target="_blank"><img src="/file/811140633/3/li2YSyBrIko.95469/a1f69dca2b7e762940" title="Calendar button"/></a>
<p>Calendar button</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140654/2/AGv-djof444.62597/42fdfa8a58cdd6b7ab" target="_blank"><img src="/file/811140654/2/AGv-djof444.62597/42fdfa8a58cdd6b7ab" title="Pick a day"/></a>
<p>Pick a day</p> </div>
</div>
<p>Unfortunately, this doesn&#39;t work with dates from the future. Sorry, no flying cars and hoverboards for you today.</p>
<h3><a class="anchor" name="view-pack-for-recent-stickers" href="#view-pack-for-recent-stickers"><i class="anchor-icon"></i></a>View Pack for Recent Stickers</h3>
<p>Remember all those times when you had a sad Pepe among your recently sent stickers? If youre like us, your natural desire wouldve been to reunite the sad Pepe with the rest of his family by scrolling to the <a href="https://telegram.me/addstickers/SuperPepe">Pepe pack</a> in your sticker panel.</p>
<p>You can now do that in an instant: try a long tap (or 3D-touch on iOS) on a recent sticker, then choose View Pack. Hey presto! For some mysterious reason, this also works with non-Pepe stickers.</p>
<div class="smartphone_video_player_wrap">
<div class="smartphone_video_player_iphone">
<video class="smartphone_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" poster="/file/811140254/2/G8ZwLA-hOMY.67414/0620f6a222e28d0976" autoplay loop controls muted>
<source src="/file/811140934/2/zdiDO6qiVKc.1141368.mp4/1fe0052aa657009124" type="video/mp4">
</video>
</div>
</div>
<!---/file/811140979/5/zR0PDURbvOs.1156175.mp4/c675825e3a1ed4e3d6--->
<h3><a class="anchor" name="groups-in-common" href="#groups-in-common"><i class="anchor-icon"></i></a>Groups in Common</h3>
<p>Sometimes you want to find a group in your chats, but cant recall the title. Heres a life-hack for you: think about a contact of yours that was also a member in that group. This association technique may help you bring back the title too. If it doesnt, open that contacts profile and tap <strong>Groups in Common</strong>. </p>
<h3><a class="anchor" name="android-strikes-back" href="#android-strikes-back"><i class="anchor-icon"></i></a>Android Strikes Back</h3>
<p>Some of you Android users told us we loved iPhones more than Androids. That almost made us cry (remember the sad Pepe in our recent stickers?). To make things right with you, we fired our iOS dev, who was too good. </p>
<p>Well, not really. We simply locked ourselves in the coding basement for several weeks to bring you this:</p>
<ul>
<li>A slick new interface for creating groups and selecting users in privacy settings (shiny animations included).</li>
<li>A new beautiful interface for notification settings.</li>
<li>Improved security for passcode locks (your chats won&#39;t be seen in the task switcher now). This one also works on iOS.</li>
<li>Improved camera speed when taking photos and videos.</li>
<li>Better video compression.</li>
<li>An improved and less obstructive photo viewer.</li>
<li>Easier editing of messages and adding captions to photos.</li>
</ul>
<p>And that&#39;s just getting us warmed up. Make Android Great Again! </p>
<h3><a class="anchor" name="also" href="#also"><i class="anchor-icon"></i></a>Also</h3>
<p>Something big is brewing in our secret dungeons. Stay tuned.</p>
<div><br></div>
<p><em>November 22, 2016<br>The Telegram Team</em></p>
</div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Finstant-view&text=Instant%20View%20for%20articles%2C%20Jump%20to%20Date%2C%20Groups%20in%20Common%2C%20and%20Telegraph%20%E2%80%93%20a%20publishing%20tool." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Instant View for articles, Jump to Date, Groups in Common, and Telegraph a publishing tool." data-url="https://telegram.org/blog/instant-view"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>
<a href="https://twitter.com/share" class="tl_twitter_share_btn" id="tl_twitter_share_btn" data-text="Instant View for articles, Jump to Date, Groups in Common, and Telegraph a publishing tool." data-url="https://telegram.org/blog/instant-view" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
</div>
<div class="tl_main_recent_news_wrap tlb_other_news_wrap tl_blog_list_page_wrap">
<h3 class="tl_main_recent_news_header">
<a href="/blog">Other News</a>
</h3>
<div class="tl_main_recent_news_cards clearfix">
<a class="dev_blog_card_link_wrap" href="/blog/superchannels-star-reactions-subscriptions"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400436/1/AFpKVW0u5fw.267441/5fd61b6d2531113c45" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Super Channels, Star Reactions and Subscriptions</h4>
<div class="dev_blog_card_lead">Today is Telegram&#39;s 11th anniversary. Meet Star Reactions and Star Subscriptions that let users support content creators, paid media for…</div>
</div>
<div class="dev_blog_card_date">Aug 14, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/w3-browser-mini-app-store"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400778/4/yJDJIfzD2yk.228129/e8b08c158413db534e" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Browser, Mini App Store, Gifting Stars and More</h4>
<div class="dev_blog_card_lead">Today&#39;s update brings a new in-app browser that supports multiple tabs and makes Web3 available to almost a billion users, a Mini App Store…</div>
</div>
<div class="dev_blog_card_date">Jul 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/mini-app-bar-paid-media-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400026/1/xwmW8Qofk5M.263566/16218cb12e7549e76b" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Mini App Bar, Paid Media, Story Search &amp; More</h4>
<div class="dev_blog_card_lead">Our June update adds a way to minimize mini apps into a compact bar, helps content creators monetize their channels with paid photos and…</div>
</div>
<div class="dev_blog_card_date">Jun 30, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/telegram-stars"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400431/1/-u0XrknOtfw.232636/60f98efd626b95d010" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Stars: Pay for Digital Goods and More</h4>
<div class="dev_blog_card_lead">Over 400 million users interact with bots and mini apps on Telegram every month to buy products, access services, play games, and much…</div>
</div>
<div class="dev_blog_card_date">Jun 6, 2024</div>
</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap footer_desktop">
<div class="footer_column footer_column_telegram">
<h5>Telegram</h5>
<div class="footer_telegram_description"></div>
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
</div>
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
<ul>
<li><a href="/faq">FAQ</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/press">Press</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="/dl/ios">iPhone/iPad</a></li>
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="//macos.telegram.org/">macOS</a></li>
<li><a href="/dl/web">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="//core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="//core.telegram.org/api">API</a></li>
<li><a href="//translations.telegram.org/">Translations</a></li>
<li><a href="//instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap footer_mobile">
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="/apps">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
<div class="footer_column">
<h5><a href="/press">Press</a></h5>
</div>
</div>
</div>
<script src="/js/main.js?47"></script>
<script>initScrollVideos(true);
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>