Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产成人精品视频2021,日韩电影免费,国产精品极品美女自在线观看免费

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          孟得明:教你解決微信跳轉(zhuǎn)appstore的困擾

          孟得明:教你解決微信跳轉(zhuǎn)appstore的困擾

          在推廣萌幻學(xué)園APP的時(shí)候就遇到了這個(gè)問題,很難在推送的信息中加入便捷的APP下載鏈接,怎么解決這個(gè)問題呢?筆者(孟得明)總結(jié)了以下經(jīng)驗(yàn):

          微信瀏覽器是不支持打開App Store 頁面的,不知道微信為什么這么做。比如你頁面寫 <a href=”http://itunes.apple.com/us/app/id399608199″>download</a> ,在微信瀏覽器點(diǎn)擊鏈接是沒有反應(yīng)的,但是如果是其他的鏈接地址,比如百度那就沒有問題

          后來我發(fā)現(xiàn)如果你在微信官方后臺(tái)編輯圖文,把原文鏈接寫為:http://itunes.apple.com/us/app/id399608199 ,那就可以打開了,發(fā)現(xiàn)微信頁面的“查看原文”是一個(gè)function,如下

          真正的url是:http://mp.weixin.qq.com/mp/redirect?url=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fid399608199%23rd

          看來微信允許打開mp.weixin.qq.com這個(gè)host下的網(wǎng)頁,然后用js再打開真正的頁面。

          現(xiàn)在簡單了,將頁面的代碼寫為:<a href=”http://mp.weixin.qq.com/mp/redirect?url=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fid399608199%23rd”>download</a>,在微信瀏覽器內(nèi)可以打開app store的地址了。From: http://www.ildsea.com/1781.html

          孟得明:解決微信跳轉(zhuǎn)appstore的困擾還可以申請(qǐng)應(yīng)用寶,先跳轉(zhuǎn)到應(yīng)用寶頁面,再點(diǎn)擊下載根據(jù)設(shè)備的不同轉(zhuǎn)去AppStore或是Android的應(yīng)用寶下載地址。或在頁面前端做處理,如果無法跳轉(zhuǎn)到AppStore就提示用戶在微信里手動(dòng)選擇用Safari打開頁面。(文/孟得明 新媒體營銷實(shí)踐者,微信號(hào):mdm007)

          、定義

          <meta> 標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)。它不會(huì)顯示在頁面上,但是對(duì)于機(jī)器是可讀的。可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),或其他 web 服務(wù)。

          2、作用

          meta里的數(shù)據(jù)是供機(jī)器解讀的,告訴機(jī)器該如何解析這個(gè)頁面,還有一個(gè)用途是可以添加服務(wù)器發(fā)送到瀏覽器的http頭部內(nèi)容,例如我們?yōu)轫撁嬷刑砑尤缦耺eta標(biāo)簽:


          1. <meta http-equiv="charset" content="iso-8859-1">
          2. <meta http-equiv="expires" content="31 Dec 2008">

          瀏覽器的頭部就會(huì)包括這些:


          1. charset:iso-8859-1
          2. expires:31 Dec 2008

          只有瀏覽器可以接受這些附加的頭部字段,并能以適當(dāng)?shù)姆绞绞褂盟鼈儠r(shí),這些字段才有意義。

          3、meta的必需屬性和可選屬性

          meta的必需屬性是content,當(dāng)然并不是說meta標(biāo)簽里一定要有content,而是當(dāng)有http-equiv或name屬性的時(shí)候,一定要有content屬性對(duì)其進(jìn)行說明。例如:

          必需屬性

          <meta name="keywords" content="HTML,ASP,PHP,SQL">

          這里面content里的屬性就是對(duì)keywords進(jìn)行的說明,所以呢也可以理解成一個(gè)鍵值對(duì)吧,就是{keywords:"HTML,ASP,PHP,SQL"}。

          可選屬性

          在W3school中,對(duì)于meta的可選屬性說到了三個(gè),分別是http-equiv、name和scheme。考慮到scheme不是很常用,所以就只說下前兩個(gè)屬性吧。

          http-equiv

          http-equiv屬性是添加http頭部內(nèi)容,對(duì)一些自定義的,或者需要額外添加的http頭部內(nèi)容,需要發(fā)送到瀏覽器中,我們就可以是使用這個(gè)屬性。在上面的meta作用中也有簡單的說明,那么現(xiàn)在再舉個(gè)例子。例如我們不想使用js來重定向,用http頭部內(nèi)容控制,那么就可以這樣控制:

          <meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />

          在頁面中加入這個(gè)后,5秒鐘后就會(huì)跳轉(zhuǎn)到指定頁面啦,效果可看W3school的例子

          name

          第二個(gè)可選屬性是name,這個(gè)屬性是供瀏覽器進(jìn)行解析,對(duì)于一些瀏覽器兼容性問題,name屬性是最常用的,當(dāng)然有個(gè)前提就是瀏覽器能夠解析你寫進(jìn)去的name屬性才可以,不然就是沒有意義的。還是舉個(gè)例子吧:

          <meta name="renderer" content="webkit">

          這個(gè)meta標(biāo)簽的意思就是告訴瀏覽器,用webkit內(nèi)核進(jìn)行解析,當(dāng)然前提是瀏覽器有webkit內(nèi)核才可以,不然就是沒有意義的啦。當(dāng)然看到這個(gè)你可能會(huì)有疑問,這個(gè)renderer是從哪里冒出來的,我要怎么知道呢?這個(gè)就是在對(duì)應(yīng)的瀏覽器的開發(fā)文檔里就會(huì)有表明的,例如這個(gè)renderer是在360瀏覽器里說明的。360瀏覽器內(nèi)核控制Meta標(biāo)簽說明文檔

          常用meta標(biāo)簽大總結(jié)

          接下來就是常用的meta標(biāo)簽大總結(jié)啦,我會(huì)盡可能的做到全

          charset

          charset是聲明文檔使用的字符編碼,解決亂碼問題主要用的就是它,值得一提的是,這個(gè)charset一定要寫第一行,不然就可能會(huì)產(chǎn)生亂碼了。

          charset有兩種寫法


          1. <meta charset="utf-8">
          2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

          兩個(gè)都是等效的。

          百度禁止轉(zhuǎn)碼

          百度會(huì)自動(dòng)對(duì)網(wǎng)頁進(jìn)行轉(zhuǎn)碼,這個(gè)標(biāo)簽是禁止百度的自動(dòng)轉(zhuǎn)碼

          <meta http-equiv="Cache-Control" content="no-siteapp" />

          SEO 優(yōu)化部分


          1. <!-- 頁面標(biāo)題<title>標(biāo)簽(head 頭部必須) -->
          2. <title>your title</title>
          3. <!-- 頁面關(guān)鍵詞 keywords -->
          4. <meta name="keywords" content="your keywords">
          5. <!-- 頁面描述內(nèi)容 description -->
          6. <meta name="description" content="your description">
          7. <!-- 定義網(wǎng)頁作者 author -->
          8. <meta name="author" content="author,email address">
          9. <!-- 定義網(wǎng)頁搜索引擎索引方式,robotterms 是一組使用英文逗號(hào)「,」分割的值,通常有如下幾種取值:none,noindex,nofollow,all,index和follow。 -->
          10. <meta name="robots" content="index,follow">

          viewport

          viewport主要是影響移動(dòng)端頁面布局的,例如:


          1. <meta name="viewport" content="width=device-width, initial-scale=1.0">

          content 參數(shù):

          • width viewport 寬度(數(shù)值/device-width)
          • height viewport 高度(數(shù)值/device-height)
          • initial-scale 初始縮放比例
          • maximum-scale 最大縮放比例
          • minimum-scale 最小縮放比例
          • user-scalable 是否允許用戶縮放(yes/no)

          各瀏覽器平臺(tái)

          Microsoft Internet Explorer


          1. <!-- 優(yōu)先使用最新的ie版本 -->
          2. <meta http-equiv="x-ua-compatible" content="ie=edge">
          3. <!-- 是否開啟cleartype顯示效果 -->
          4. <meta http-equiv="cleartype" content="on">
          5. <meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
          6. <!-- Pinned Site -->
          7. <!-- IE 10 / Windows 8 -->
          8. <meta name="msapplication-TileImage" content="pinned-tile-144.png">
          9. <meta name="msapplication-TileColor" content="#009900">
          10. <!-- IE 11 / Windows 9.1 -->
          11. <meta name="msapplication-config" content="ieconfig.xml">

          Google Chrome


          1. <!-- 優(yōu)先使用最新的chrome版本 -->
          2. <meta http-equiv="X-UA-Compatible" content="chrome=1" />
          3. <!-- 禁止自動(dòng)翻譯 -->
          4. <meta name="google" value="notranslate">

          360瀏覽器


          1. <!-- 選擇使用的瀏覽器解析內(nèi)核 -->
          2. <meta name="renderer" content="webkit|ie-comp|ie-stand">

          UC手機(jī)瀏覽器

          UCBrowser_U3_API

          QQ手機(jī)瀏覽器


          1. <!-- 鎖定屏幕在特定方向 -->
          2. <meta name="x5-orientation" content="landscape/portrait">
          3. <!-- 全屏顯示 -->
          4. <meta name="x5-fullscreen" content="true">
          5. <!-- 頁面將以應(yīng)用模式顯示 -->
          6. <meta name="x5-page-mode" content="app">

          Apple iOS


          1. <!-- Smart App Banner -->
          2. <meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
          3. <!-- 禁止自動(dòng)探測并格式化手機(jī)號(hào)碼 -->
          4. <meta name="format-detection" content="telephone=no">
          5. <!-- Add to Home Screen添加到主屏 -->
          6. <!-- 是否啟用 WebApp 全屏模式 -->
          7. <meta name="apple-mobile-web-app-capable" content="yes">
          8. <!-- 設(shè)置狀態(tài)欄的背景顏色,只有在 “apple-mobile-web-app-capable” content=”yes” 時(shí)生效 -->
          9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
          10. <!-- 添加到主屏后的標(biāo)題 -->
          11. <meta name="apple-mobile-web-app-title" content="App Title">

          Google Android


          1. <meta name="theme-color" content="#E64545">
          2. <!-- 添加到主屏 -->
          3. <meta name="mobile-web-app-capable" content="yes">
          4. <!-- More info: https://developer.chrome.com/multidevice/android/installtohomescreen -->

          App Links


          1. <!-- iOS -->
          2. <meta property="al:ios:url" content="applinks://docs">
          3. <meta property="al:ios:app_store_id" content="12345">
          4. <meta property="al:ios:app_name" content="App Links">
          5. <!-- Android -->
          6. <meta property="al:android:url" content="applinks://docs">
          7. <meta property="al:android:app_name" content="App Links">
          8. <meta property="al:android:package" content="org.applinks">
          9. <!-- Web Fallback -->
          10. <meta property="al:web:url" content="http://applinks.org/documentation">
          11. <!-- More info: http://applinks.org/documentation/ -->

          最后——移動(dòng)端常用的meta


          1. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          2. <meta name="apple-mobile-web-app-capable" content="yes" />
          3. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
          4. <meta name="format-detection"content="telephone=no, email=no" />
          5. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          6. <meta name="apple-mobile-web-app-capable" content="yes" /><!-- 刪除蘋果默認(rèn)的工具欄和菜單欄 -->
          7. <meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 設(shè)置蘋果工具欄顏色 -->
          8. <meta name="format-detection" content="telphone=no, email=no" /><!-- 忽略頁面中的數(shù)字識(shí)別為電話,忽略email識(shí)別 -->
          9. <!-- 啟用360瀏覽器的極速模式(webkit) -->
          10. <meta name="renderer" content="webkit">
          11. <!-- 避免IE使用兼容模式 -->
          12. <meta http-equiv="X-UA-Compatible" content="IE=edge">
          13. <!-- 針對(duì)手持設(shè)備優(yōu)化,主要是針對(duì)一些老的不識(shí)別viewport的瀏覽器,比如黑莓 -->
          14. <meta name="HandheldFriendly" content="true">
          15. <!-- 微軟的老式瀏覽器 -->
          16. <meta name="MobileOptimized" content="320">
          17. <!-- uc強(qiáng)制豎屏 -->
          18. <meta name="screen-orientation" content="portrait">
          19. <!-- QQ強(qiáng)制豎屏 -->
          20. <meta name="x5-orientation" content="portrait">
          21. <!-- UC強(qiáng)制全屏 -->
          22. <meta name="full-screen" content="yes">
          23. <!-- QQ強(qiáng)制全屏 -->
          24. <meta name="x5-fullscreen" content="true">
          25. <!-- UC應(yīng)用模式 -->
          26. <meta name="browsermode" content="application">
          27. <!-- QQ應(yīng)用模式 -->
          28. <meta name="x5-page-mode" content="app">
          29. <!-- windows phone 點(diǎn)擊無高光 -->
          30. <meta name="msapplication-tap-highlight" content="no">
          31. <!-- 適應(yīng)移動(dòng)端end -->

          常操作中我們經(jīng)常會(huì)用到各種功能,比如制作表情包、生成二維碼等,如果每使用一個(gè)功能就需要安裝一款軟件顯然極不方便,其實(shí)通過Toolzl(圖1,http://www.toolzl.com)提供的在線工具,不用安裝軟件即可用上各種想要的功能。

          圖1 Toolzl主界面

          快速分享生成個(gè)性二維碼

          在智能手機(jī)如此普及的今天,我們很多東西分享都要借助二維碼分享,比如蘋果手機(jī)都是需要到App Store去下載APP,默認(rèn)是進(jìn)入App Store后進(jìn)行搜索下載,這對(duì)新手來說極不方便。現(xiàn)在我們可以將App Store的APP網(wǎng)址做成二維碼分享,這樣用戶只要識(shí)別二維碼即可直接進(jìn)入App Store下載了。

          在自己蘋果手機(jī)的App Store中找到需要共享的APP,點(diǎn)擊頁面右側(cè)的分享按鈕,在彈出的窗口選擇“分享APP”,接著選擇QQ分享,在QQ中打開分享的鏈接,點(diǎn)擊左上角的復(fù)制按鈕復(fù)制鏈接(圖2)。

          圖2 分享鏈接

          打開上述網(wǎng)址,切換到“開發(fā)工具→二維碼生成→生成帶Logo的二維碼”,選擇APP的Logo圖標(biāo),在數(shù)據(jù)文本框中粘貼上述獲得的APP下載地址,點(diǎn)擊“生成”,這樣一個(gè)蘋果APP的下載二維碼就生成了(圖3)。

          小提示:App Store中的APP下載地址都是類似“https://itunes.apple.com/cn/app/應(yīng)用名稱/應(yīng)用ID?mt=8”的形式,只是其中“應(yīng)用名稱→應(yīng)用ID”不同,應(yīng)用ID代碼是開發(fā)者在上傳App Store時(shí)獲得的APP代碼,只要替換這個(gè)代碼即可快速獲得其他APP下載地址。

          圖3 生成二維碼

          現(xiàn)在我們只要將上述二維碼截圖,然后通過微信、QQ等分享給其他用戶,用戶只要打開二維碼圖片長按選擇“識(shí)別二維碼”,這樣即可自動(dòng)跳轉(zhuǎn)到App Store下載APP了。

          小提示:如果是一名開發(fā)者,可以通過生成二維碼快速分享自己的產(chǎn)品,其實(shí)Toolzl網(wǎng)站還內(nèi)置了很多的實(shí)用工具,比如“進(jìn)制轉(zhuǎn)換”(可以方便在二進(jìn)制、十進(jìn)制等進(jìn)制之間實(shí)現(xiàn)轉(zhuǎn)換)、在線運(yùn)行JS/HTML(直接打開在線窗口運(yùn)行和預(yù)覽JS代碼)等,就是針對(duì)開發(fā)者而提供的(圖4)。

          圖4 在線運(yùn)行代碼

          網(wǎng)站運(yùn)維在線監(jiān)測開放端口

          作為網(wǎng)站運(yùn)維人員,我們經(jīng)常需要檢測服務(wù)器開放端口,檢測死鏈、網(wǎng)站日志分析等操作。現(xiàn)在Toolzl提供了很多在線維護(hù)工具,比如需要檢測自己服務(wù)器是否開放危險(xiǎn)端口,切換到“網(wǎng)站運(yùn)維/端口檢測”,然后直接輸入需要檢測的網(wǎng)站地址,點(diǎn)擊“檢測”就可以看到詳細(xì)的端口信息了(圖5)。

          圖5 查看端口信息

          隨心所欲玩斗圖

          Toolzl當(dāng)然不只是為開發(fā)和編程人員提供工具,針對(duì)日常應(yīng)用也集成了非常豐富的工具。比如現(xiàn)在很多朋友在微信里一言不合就斗圖,自己手上沒幾個(gè)搞笑的表情自然無法參加戰(zhàn)斗。Toolzl集成的“為所欲為斗圖生成器”則可以讓你戰(zhàn)無不勝。

          切換到“為所欲為斗圖生成器”,打開后選擇一個(gè)自己喜歡的角色,比如可以選擇土拔鼠,然后按自己需要輸入對(duì)話的語言(注意字?jǐn)?shù)和語氣意思盡量和原圖表情匹配,如“金坷垃好處都有啥”可以替換為“金坷垃好處有啥捏”),點(diǎn)擊“生成”,在右側(cè)頁面即可看到生成的表情GIF圖片(圖6)。

          圖6 生成表情

          右擊生成的表情選擇“復(fù)制”,打開微信將其中的表情包粘貼并發(fā)送即可以開始斗圖。還可以點(diǎn)擊“添加到表情包”,將其收藏以備下次繼續(xù)使用(圖7)。

          圖7 在微信中使用

          動(dòng)態(tài)表情輕松制作

          當(dāng)然僅僅靠“為所欲為斗圖生成器”肯定無法滿足表情狂的需要,Toolzl的“視頻轉(zhuǎn)GIF工具”和“自定義GIF圖片”可以讓我們?yōu)樗麨橹谱鞲嗟谋砬椤1热绾芏嗑W(wǎng)友都在使用某些影視作品搞笑片段作為表情,現(xiàn)在自己先準(zhǔn)備需要截取的視頻,播放后記住需要截取的視頻片段的起始位置(如25秒開始)。接著切換到“開發(fā)工具/視頻轉(zhuǎn)GIF工具”,開始時(shí)間輸入“25”(即從25s處開始截取),截取時(shí)間輸入“10”(即截取10s時(shí)長,否則生成的圖片體積過大不方便在微信發(fā)送),寬和高依次輸入200和100(即200×100的分辨率)。最后點(diǎn)擊瀏覽上傳需要上述的視頻文件,這樣就會(huì)自動(dòng)生成所需的表情圖片(圖8)。

          圖8 截取視頻為表情圖

          如果你截取的視頻沒有對(duì)話,或者需要自行添加對(duì)話文本,使用上述方法制作好表情圖片后,切換到“GIF斗圖”,在打開的頁面設(shè)置自己需要的尺寸和添加的文字,最后點(diǎn)擊“瀏覽”上傳上述截取到的表情圖片重新制作即可(圖9)。

          圖9 自定義表情

          當(dāng)然了,Toolzl還內(nèi)置許多非常實(shí)用的工具,大家可以收藏上述網(wǎng)址,這樣有需要的時(shí)候打開直接使用即可。


          主站蜘蛛池模板: 久久亚洲日韩精品一区二区三区| 国产在线一区观看| 国产aⅴ一区二区| 人妻无码视频一区二区三区| 欧洲精品码一区二区三区免费看 | 在线精品国产一区二区三区| 激情内射亚洲一区二区三区爱妻| 一区二区三区观看| 久久精品无码一区二区WWW| 亚洲一区二区精品视频| 色视频综合无码一区二区三区| 日韩免费无码视频一区二区三区| 波多野结衣一区二区三区aV高清| 国产一区二区三区小向美奈子| 国产成人综合一区精品| 亚洲一区中文字幕在线电影网| 亚洲乱码一区二区三区在线观看 | 免费看一区二区三区四区| 国产在线第一区二区三区| 日本精品高清一区二区2021| 2018高清国产一区二区三区| 色窝窝无码一区二区三区色欲| 国产一区二区三区在线2021 | 无码人妻av一区二区三区蜜臀| 在线中文字幕一区| 亚洲AV成人一区二区三区观看 | 精品一区二区三区在线观看l| 亚洲熟妇AV一区二区三区浪潮 | 成人精品一区二区激情| 无码精品一区二区三区| 天堂Av无码Av一区二区三区| 精品少妇人妻AV一区二区| 亚洲一区二区三区丝袜| 丝袜美腿一区二区三区| 日韩精品一区在线| 国产一区二区在线看| 一区二区视频在线| 亚洲日韩国产欧美一区二区三区 | 久久免费视频一区| 精品国产免费一区二区三区香蕉| 少妇激情一区二区三区视频|