PageSourceSearch
Opt out API access

https://www.nowness.com/

html nowness.com collected 2026-10-02 02:23:01 UTC 12,310 bytes, 251 lines download raw bytes 

1<!DOCTYPE html>
2<html class="no-js" id="appRoot" data-ng-app="nownessApp"  data-ng-strict-di data-ng-cloak>
3  <head prefix="og: http://ogp.me/ns#">
4    <meta name="fragment" content="!">
5    <meta charset="utf-8">
6    <title data-ng-bind="$root.seo.pageTitle | translate | stripHtml">NOWNESS</title>
7    <meta name="description" content="{{ $root.seo.metaDescription | translate | stripHtml }}">
8    <base href="/">
9    <link data-ng-if="$root.canonical" rel="canonical" data-ng-href="{{ $root.canonical }}">
10    <link data-ng-if="$root.ampTag.show && $root.post.type === 'video'"
11      rel="amphtml"
12      href="{{ $root.ampTag.url }}">
13    <meta
14      data-ng-if="$root.lang === 'zh-cn'"
15      name="keywords"
16      content="Nowness现在,短片,短视频,艺术短片,奢侈品,名牌,生活,创意,美食,时尚,nowness.cn"
17    >
18    <meta name="robots" content="noodp,noydir" />
19
20    <!-- Preconnect -->
21    <link rel="preconnect" href="https://audit-tcfv2.cmp.quantcast.com">
22    <link rel="preconnect" href="https://nowness-api-prod-us.herokuapp.com">
23    <link rel="preconnect" href="http://edge.quantserve.com">
24    <link rel="preconnect" href="https://connect.facebook.net">
25
26    <!-- [Facebook] -->
27    <meta property="fb:admins" content="100006340110087" />
28    <meta property="fb:pages" content="200226622453" />
29    <meta property="og:url" content="{{ $root.location.protocol() + '://' + $root.location.host() + $root.location.path() }}">
30    <meta property="og:title" content="{{ ($root.post && $root.post.id) ? $root.post.translations[$root.lang].socialTitle : $root.seo.pageTitle | translate | stripHtml }}">
31    <meta property="og:description" content="{{ ($root.post && $root.post.id) ? $root.post.translations[$root.lang].socialSubtitle : $root.seo.metaDescription | translate | stripHtml }}">
32    <meta data-ng-if="!$root.post || !$root.post.id" property="og:image" content="{{ $root.seo.image }}">
33    <meta data-ng-if="$root.post && $root.post.id && $root.post.type !== 'slideshow'" property="og:image" content="{{ $root.post.imageUrl }}">
34    <meta data-ng-if="$root.post && $root.post.id && $root.post.isPage && $root.post.socialUrl" property="og:image" content="{{ $root.seo.image }}">
35    <meta data-ng-repeat="media in $root.post.media" data-ng-if="$root.post && $root.post.id && !$root.post.isPage && $root.post.type === 'slideshow' && media.key === 'main'" property="og:image" content="{{ media.content }}" >
36
37    <!-- [Twitter] -->
38    <meta name="twitter:card" content="summary_large_image">
39    <meta name="twitter:site" content="@nowness">
40    <meta name="twitter:creator" content="@nowness">
41    <meta name="twitter:title" content="{{ ($root.post && $root.post.id) ? $root.post.translations[$root.lang].socialTitle : $root.seo.pageTitle | translate | stripHtml }}">
42    <meta name="twitter:description" content="{{  ($root.post && $root.post.id) ? $root.post.translations[$root.lang].socialSubtitle : $root.seo.metaDescription | translate | stripHtml }}">
43    <meta name="twitter:image:src" content="{{  ($root.post && $root.post.id && $root.post.imageUrl) ? $root.post.imageUrl : $root.seo.image }}">
44
45    <!-- [Weibo] -->
46    <meta property="wb:webmaster" content="1c4c1a046d8374b3" />
47    <meta name="p:domain_verify" content="9f4b31b74c28822f4d79019eb940903a"/>
48    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
49
50    <!--[if IE 9]>
51        

51<script src="//cdn.rawgit.com/jpillora/xdomain/0.6.15/dist/0.6/xdomain.min.js" slave="https://api.nowness.com/proxy.html"></script>

51
52    <![endif]-->
53
54    <meta name="google-site-verification" content="-QyXdQ291cxaq1FJo54PRuN7Rh4XrtBxbMSsgj1U4T4" />
55
56    <!-- [Permutive Tag] -->
57    

57<script>
58      var API_KEY = "bcb51817-aa3c-4353-be52-e79f0b7ee39b";
59      var consentRequired = true;
60
61      !function(n,e,i){if(!n){n=n||{},window.permutive=n,n.q=[],n.config=i||{},n.config.apiKey=e,n.config.environment=n.config.environment||"production";for(var o=["addon","identify","track","trigger","query","segment","segments","ready","on","once","user","consent"],r=0;r<o.length;r++){var t=o[r];n[t]=function(e){return function(){var i=Array.prototype.slice.call(arguments,0);n.q.push({functionName:e,arguments:i})}}(t)}}}(window.permutive, API_KEY, { "consentRequired": consentRequired });
62      window.googletag=window.googletag||{},window.googletag.cmd=window.googletag.cmd||[],window.googletag.cmd.push(function(){if(0===window.googletag.pubads().getTargeting("permutive").length){var g=window.localStorage.getItem("_pdfps");window.googletag.pubads().setTargeting("permutive",g?JSON.parse(g):[])}});
63
64      var storage = JSON.parse(window.localStorage.getItem('ngStorage-Nowness'));
65      if (storage && storage.user) {
66        var userID = storage.user.id;
67        if (userID) {
68          permutive.identify(String(userID));
69        }
70      }
71    </script>

71
72    

72<script async src="https://cdn.permutive.app/415fe22f-351a-4742-b6c7-9e729be2cfb7-web.js"></script>

72
73    <!-- [End Permutive Tag] -->
74
75    <!-- [Google Tag Manager] -->
76    <!-- First Container -->
77    

77<script>
vendor: 345 bytes, lines 77-81
77(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
78      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
79      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
80      '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
81      })(window,document,'script','dataLayer','

81GTM-M6X6CH
vendor: 3 bytes, line 81
81');

81</script>

81
82
83    <!-- Second Container -->
84    

84<script>
vendor: 337 bytes, lines 84-88
84(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
85    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
86    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
87    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
88    })(window,document,'script','dataLayer','

88GTM-KCZ4TPP
vendor: 3 bytes, line 88
88');

88</script>

88
89
90    <!-- Third Container -->
91    

91<script>
vendor: 351 bytes, lines 91-95
91(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
92      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
93      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
94      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
95      })(window,document,'script','dataLayer','

95GTM-N6F8LZV
vendor: 3 bytes, line 95
95');

95</script>

95
96    <!-- [End Google Tag Manager] -->
97
98    <!-- Hotjar Tracking Code for NOWNESS -->
99    

99<script>
vendor: 137 bytes, lines 99-102
99
100        (function(h,o,t,j,a,r){
101            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
102            h._hjSettings={hjid:

1026504517
vendor: 282 bytes, lines 102-108
102,hjsv:6};
103            a=o.getElementsByTagName('head')[0];
104            r=o.createElement('script');r.async=1;
105            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
106            a.appendChild(r);
107        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
108    

108</script>

108
109    <!-- [End Hotjar Tracking Code] -->
110
111    <!-- Facebook Pixel Code (First) -->
112    

112<script>
vendor: 452 bytes, lines 112-121
112
113      !function(f,b,e,v,n,t,s)
114      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
115      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
116      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
117      n.queue=[];t=b.createElement(e);t.async=!0;
118      t.src=v;s=b.getElementsByTagName(e)[0];
119      s.parentNode.insertBefore(t,s)}(window,document,'script',
120      'https://connect.facebook.net/en_US/fbevents.js');
121      fbq('init', '

121482718925845515
vendor: 43 bytes, lines 121-124
121');
122      fbq('track', 'PageView');
123
124      

124fbq('track', 'ViewContent');
125    </script>

125
126    <noscript>
127      <img height="1" width="1" src="https://www.facebook.com/tr?id=482718925845515&ev=PageView &noscript=1"/>
128    </noscript>
129    <!-- End Facebook Pixel Code (First) -->
130
131    <!-- Facebook Pixel Code (Second) -->
132    

132<script>
vendor: 453 bytes, lines 132-141
132
133      !function(f,b,e,v,n,t,s)
134      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
135      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
136      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
137      n.queue=[];t=b.createElement(e);t.async=!0;
138      t.src=v;s=b.getElementsByTagName(e)[0];
139      s.parentNode.insertBefore(t,s)}(window, document,'script',
140      'https://connect.facebook.net/en_US/fbevents.js');
141      fbq('init', '

141357833301087547
vendor: 40 bytes, lines 141-143
141');
142      fbq('track', 'PageView');
143    

143</script>

143
144    <noscript>
145      <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=357833301087547&ev=PageView&noscript=1"/>
146    </noscript>
147    <!-- End Facebook Pixel Code (Second) -->
148
149    <link rel="stylesheet" href="https://use.typekit.net/lqg5oen.css">
150
151    <!-- [bundle.app.css] -->
152    <link href="/assets//bundle.app.css" rel="stylesheet"></link>
153
154    <!-- [Site Takeover] -->
155    <link rel="stylesheet" data-ng-href="{{ ::$root.apiUrl }}/theme/current/read.css?lang={{ ::$root.lang }}" />
156    <link rel="stylesheet" ng-if="::$root.location.search().theme" ng-href="{{ ::$root.apiUrl }}/theme/getById/{{ ::$root.location.search().theme }}/read.css" />
157    
158
159    <link href="https://players.brightcove.net/videojs-ima3/5/videojs-ima3.css" rel="stylesheet">
160
161    

161<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/js/swiper.min.js"></script>

161
162
163    

163<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

163
164
165    

165<script>
166      window.googletag = window.googletag || {cmd: []};
167    </script>

167
168
169  </head>
170  <body
171    data-ng-cloak
172    data-ng-class="{
173      'zh-cn': $root.lang === 'zh-cn',
174      'en-us': $root.lang === 'en-us',
175      'app-mobile': $root.isMobileDevice ,
176      'app-desktop': !$root.isMobileDevice,
177      'has-social-share': $root.hasSocialShare,
178      'menu-opened': $root.header.mainNav.visible || $root.showDrawerVideo,
179      'persistent-video-visible': $root.showPersistentVideo && !$root.showDrawerVideo,
180      'black-theme': $root.isSiteThemeBlack,
181      'black-theme-hongkong': $root.lang === 'zh-hk'
182    }"
183    class="takeover-element-color takeover-link-color takeover-link-hover-color takeover-icons-color takeover-icons-hover-color takeover-background-color takeover-border-style takeover-text-color takeover-header-background takeover-footer-background"
184  >
185
186    <!-- [Google Tag Manager] (noscript) -->
187    <!-- First Container -->
vendor: 66 bytes, lines 187-188
187
188    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=

188GTM-M6X6CH
vendor: 92 bytes, lines 188-191
188"
189    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
190
191    

191<!-- Second Container -->
vendor: 66 bytes, lines 191-192
191
192    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=

192GTM-KCZ4TPP
vendor: 92 bytes, lines 192-195
192"
193    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
194
195    

195<!-- Third Container -->
vendor: 72 bytes, lines 195-196
195
196    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

196GTM-N6F8LZV
vendor: 91 bytes, lines 196-198
196"
197    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
198    

198<!-- [End Google Tag Manager] (noscript) -->
199
200    <div
201    data-ui-view
202    class="overseer-element takeover-element-color takeover-link-color takeover-link-hover-color takeover-icons-color takeover-icons-hover-color takeover-background-color" autoscroll="true">
203
204      <!-- [Show loader before angular loads] -->
205      <div data-ng-if="false">
206        <h1 class="t-center">LOADING</h1>
207        <div class="spinner -spinner-pre-angular">
208          <div class="rect1"></div>&nbsp;
209          <div class="rect2"></div>&nbsp;
210          <div class="rect3"></div>&nbsp;
211          <div class="rect4"></div>&nbsp;
212          <div class="rect5"></div>&nbsp;
213        </div>
214      </div>
215    </div>
216
217
218    

218<script type="text/javascript" src="/assets//bundle.app.js"></script>

218
219    
220
221    
222
223    <footer>
224      <!-- Quantcast Tag -->
225      

225<script type="text/javascript">
226      var _qevents = _qevents || [];
227
228      (function() {
229      var elem = document.createElement('script');
230      elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
231      elem.async = true;
232      elem.type = "text/javascript";
233      var scpt = document.getElementsByTagName('script')[0];
234      scpt.parentNode.insertBefore(elem, scpt);
235      })();
236
237      _qevents.push({
238      qacct:"p-dYw4UCDWeYJQg"
239      });
240      </script>

240
241
242      <noscript>
243      <div style="display:none;">
244      <img src="//pixel.quantserve.com/pixel/p-dYw4UCDWeYJQg.gif" border="0" height="1" width="1" alt="Quantcast"/>
245      </div>
246      </noscript>
247      <!-- End Quantcast tag -->
248    </footer>
249
250</body>
251</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.