整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          孟得明：教你解決微信跳轉appstore的困擾
          
        
           
          
	
	
          
		孟得明：教你解決微信跳轉appstore的困擾
          
                        
          在推廣萌幻學園APP的時候就遇到了這個問題，很難在推送的信息中加入便捷的APP下載鏈接，怎么解決這個問題呢？筆者（孟得明）總結了以下經驗：
           微信瀏覽器是不支持打開App Store 頁面的，不知道微信為什么這么做。比如你頁面寫 <a href=”http://itunes.apple.com/us/app/id399608199″>download</a> ，在微信瀏覽器點擊鏈接是沒有反應的，但是如果是其他的鏈接地址，比如百度那就沒有問題
           后來我發現如果你在微信官方后臺編輯圖文，把原文鏈接寫為：http://itunes.apple.com/us/app/id399608199 ，那就可以打開了，發現微信頁面的“查看原文”是一個function，如下
           真正的url是：http://mp.weixin.qq.com/mp/redirect?url=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fid399608199%23rd
           看來微信允許打開mp.weixin.qq.com這個host下的網頁，然后用js再打開真正的頁面。
           現在簡單了，將頁面的代碼寫為：<a href=”http://mp.weixin.qq.com/mp/redirect?url=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fid399608199%23rd”>download</a>，在微信瀏覽器內可以打開app store的地址了。From: http://www.ildsea.com/1781.html
           孟得明：解決微信跳轉appstore的困擾還可以申請應用寶，先跳轉到應用寶頁面，再點擊下載根據設備的不同轉去AppStore或是Android的應用寶下載地址?；蛟陧撁媲岸俗鎏幚恚绻麩o法跳轉到AppStore就提示用戶在微信里手動選擇用Safari打開頁面。（文/孟得明 新媒體營銷實踐者，微信號：mdm007）
          、定義
          <meta> 標簽提供關于 HTML 文檔的元數據。它不會顯示在頁面上，但是對于機器是可讀的。可用于瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他 web 服務。
          2、作用
          meta里的數據是供機器解讀的，告訴機器該如何解析這個頁面，還有一個用途是可以添加服務器發送到瀏覽器的http頭部內容，例如我們為頁面中添加如下meta標簽：

          2. <meta http-equiv="charset" content="iso-8859-1">
          3. <meta http-equiv="expires" content="31 Dec 2008">
          瀏覽器的頭部就會包括這些:

          2. charset:iso-8859-1
          3. expires:31 Dec 2008
          只有瀏覽器可以接受這些附加的頭部字段，并能以適當的方式使用它們時，這些字段才有意義。
          3、meta的必需屬性和可選屬性
          meta的必需屬性是content，當然并不是說meta標簽里一定要有content，而是當有http-equiv或name屬性的時候，一定要有content屬性對其進行說明。例如：
          必需屬性
          <meta name="keywords" content="HTML,ASP,PHP,SQL">
          這里面content里的屬性就是對keywords進行的說明，所以呢也可以理解成一個鍵值對吧，就是{keywords:"HTML,ASP,PHP,SQL"}。
          可選屬性
          在W3school中，對于meta的可選屬性說到了三個，分別是http-equiv、name和scheme?？紤]到scheme不是很常用，所以就只說下前兩個屬性吧。
          http-equiv
          http-equiv屬性是添加http頭部內容，對一些自定義的，或者需要額外添加的http頭部內容，需要發送到瀏覽器中，我們就可以是使用這個屬性。在上面的meta作用中也有簡單的說明，那么現在再舉個例子。例如我們不想使用js來重定向，用http頭部內容控制，那么就可以這樣控制：
          <meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
          •  
          在頁面中加入這個后，5秒鐘后就會跳轉到指定頁面啦，效果可看W3school的例子
          name
          第二個可選屬性是name，這個屬性是供瀏覽器進行解析，對于一些瀏覽器兼容性問題，name屬性是最常用的，當然有個前提就是瀏覽器能夠解析你寫進去的name屬性才可以，不然就是沒有意義的。還是舉個例子吧:
          <meta name="renderer" content="webkit">
          •  
          這個meta標簽的意思就是告訴瀏覽器，用webkit內核進行解析，當然前提是瀏覽器有webkit內核才可以，不然就是沒有意義的啦。當然看到這個你可能會有疑問，這個renderer是從哪里冒出來的，我要怎么知道呢？這個就是在對應的瀏覽器的開發文檔里就會有表明的，例如這個renderer是在360瀏覽器里說明的。360瀏覽器內核控制Meta標簽說明文檔
          常用meta標簽大總結
          接下來就是常用的meta標簽大總結啦，我會盡可能的做到全
          charset
          charset是聲明文檔使用的字符編碼，解決亂碼問題主要用的就是它，值得一提的是，這個charset一定要寫第一行，不然就可能會產生亂碼了。
          charset有兩種寫法

          2. <meta charset="utf-8">
          3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          •  
          兩個都是等效的。
          百度禁止轉碼
          百度會自動對網頁進行轉碼，這個標簽是禁止百度的自動轉碼
          <meta http-equiv="Cache-Control" content="no-siteapp" />
          SEO 優化部分

          2. <!-- 頁面標題<title>標簽(head 頭部必須) -->
          3. <title>your title</title>
          4. <!-- 頁面關鍵詞 keywords -->
          5. <meta name="keywords" content="your keywords">
          6. <!-- 頁面描述內容 description -->
          7. <meta name="description" content="your description">
          8. <!-- 定義網頁作者 author -->
          9. <meta name="author" content="author,email address">
          10. <!-- 定義網頁搜索引擎索引方式，robotterms 是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 -->
          11. <meta name="robots" content="index,follow">
          viewport
          viewport主要是影響移動端頁面布局的，例如：

          2. <meta name="viewport" content="width=device-width, initial-scale=1.0">
          3.  
          content 參數：
          • width viewport 寬度(數值/device-width)
          • height viewport 高度(數值/device-height)
          • initial-scale 初始縮放比例
          • maximum-scale 最大縮放比例
          • minimum-scale 最小縮放比例
          • user-scalable 是否允許用戶縮放(yes/no)
          各瀏覽器平臺
          Microsoft Internet Explorer

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

          2. <!-- 優先使用最新的chrome版本 -->
          3. <meta http-equiv="X-UA-Compatible" content="chrome=1" />
          4. <!-- 禁止自動翻譯 -->
          5. <meta name="google" value="notranslate">
          360瀏覽器

          2. <!-- 選擇使用的瀏覽器解析內核 -->
          3. <meta name="renderer" content="webkit|ie-comp|ie-stand">
          UC手機瀏覽器
          UCBrowser_U3_API
          QQ手機瀏覽器

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

          2. <!-- Smart App Banner -->
          3. <meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
          4.  
          5.  
          6. <!-- 禁止自動探測并格式化手機號碼 -->
          7. <meta name="format-detection" content="telephone=no">
          8.  
          9.  
          10. <!-- Add to Home Screen添加到主屏 -->
          11. <!-- 是否啟用 WebApp 全屏模式 -->
          12. <meta name="apple-mobile-web-app-capable" content="yes">
          13. <!-- 設置狀態欄的背景顏色,只有在 “apple-mobile-web-app-capable” content=”yes” 時生效 -->
          14. <meta name="apple-mobile-web-app-status-bar-style" content="black">
          15. <!-- 添加到主屏后的標題 -->
          16. <meta name="apple-mobile-web-app-title" content="App Title">
          Google Android

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

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

          2. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          3. <meta name="apple-mobile-web-app-capable" content="yes" />
          4. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
          5. <meta name="format-detection"content="telephone=no, email=no" />
          6. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          7. <meta name="apple-mobile-web-app-capable" content="yes" /><!-- 刪除蘋果默認的工具欄和菜單欄 -->
          8. <meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 設置蘋果工具欄顏色 -->
          9. <meta name="format-detection" content="telphone=no, email=no" /><!-- 忽略頁面中的數字識別為電話，忽略email識別 -->
          10. <!-- 啟用360瀏覽器的極速模式(webkit) -->
          11. <meta name="renderer" content="webkit">
          12. <!-- 避免IE使用兼容模式 -->
          13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
          14. <!-- 針對手持設備優化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓 -->
          15. <meta name="HandheldFriendly" content="true">
          16. <!-- 微軟的老式瀏覽器 -->
          17. <meta name="MobileOptimized" content="320">
          18. <!-- uc強制豎屏 -->
          19. <meta name="screen-orientation" content="portrait">
          20. <!-- QQ強制豎屏 -->
          21. <meta name="x5-orientation" content="portrait">
          22. <!-- UC強制全屏 -->
          23. <meta name="full-screen" content="yes">
          24. <!-- QQ強制全屏 -->
          25. <meta name="x5-fullscreen" content="true">
          26. <!-- UC應用模式 -->
          27. <meta name="browsermode" content="application">
          28. <!-- QQ應用模式 -->
          29. <meta name="x5-page-mode" content="app">
          30. <!-- windows phone 點擊無高光 -->
          31. <meta name="msapplication-tap-highlight" content="no">
          32. <!-- 適應移動端end -->
          常操作中我們經常會用到各種功能，比如制作表情包、生成二維碼等，如果每使用一個功能就需要安裝一款軟件顯然極不方便，其實通過Toolzl（圖1，http://www.toolzl.com）提供的在線工具，不用安裝軟件即可用上各種想要的功能。
          圖1 Toolzl主界面
          快速分享生成個性二維碼
          在智能手機如此普及的今天，我們很多東西分享都要借助二維碼分享，比如蘋果手機都是需要到App Store去下載APP，默認是進入App Store后進行搜索下載，這對新手來說極不方便?，F在我們可以將App Store的APP網址做成二維碼分享，這樣用戶只要識別二維碼即可直接進入App Store下載了。
          在自己蘋果手機的App Store中找到需要共享的APP，點擊頁面右側的分享按鈕，在彈出的窗口選擇“分享APP”，接著選擇QQ分享，在QQ中打開分享的鏈接，點擊左上角的復制按鈕復制鏈接（圖2）。
          圖2 分享鏈接
          打開上述網址，切換到“開發工具→二維碼生成→生成帶Logo的二維碼”，選擇APP的Logo圖標，在數據文本框中粘貼上述獲得的APP下載地址，點擊“生成”，這樣一個蘋果APP的下載二維碼就生成了（圖3）。
          小提示：App Store中的APP下載地址都是類似“https://itunes.apple.com/cn/app/應用名稱/應用ID?mt=8”的形式，只是其中“應用名稱→應用ID”不同，應用ID代碼是開發者在上傳App Store時獲得的APP代碼，只要替換這個代碼即可快速獲得其他APP下載地址。
          圖3 生成二維碼
          現在我們只要將上述二維碼截圖，然后通過微信、QQ等分享給其他用戶，用戶只要打開二維碼圖片長按選擇“識別二維碼”，這樣即可自動跳轉到App Store下載APP了。
          小提示：如果是一名開發者，可以通過生成二維碼快速分享自己的產品，其實Toolzl網站還內置了很多的實用工具，比如“進制轉換”（可以方便在二進制、十進制等進制之間實現轉換）、在線運行JS/HTML（直接打開在線窗口運行和預覽JS代碼）等，就是針對開發者而提供的（圖4）。
          圖4 在線運行代碼
          網站運維在線監測開放端口
          作為網站運維人員，我們經常需要檢測服務器開放端口，檢測死鏈、網站日志分析等操作。現在Toolzl提供了很多在線維護工具，比如需要檢測自己服務器是否開放危險端口，切換到“網站運維/端口檢測”，然后直接輸入需要檢測的網站地址，點擊“檢測”就可以看到詳細的端口信息了（圖5）。
          圖5 查看端口信息
          隨心所欲玩斗圖
          Toolzl當然不只是為開發和編程人員提供工具，針對日常應用也集成了非常豐富的工具。比如現在很多朋友在微信里一言不合就斗圖，自己手上沒幾個搞笑的表情自然無法參加戰斗。Toolzl集成的“為所欲為斗圖生成器”則可以讓你戰無不勝。
          切換到“為所欲為斗圖生成器”，打開后選擇一個自己喜歡的角色，比如可以選擇土拔鼠，然后按自己需要輸入對話的語言（注意字數和語氣意思盡量和原圖表情匹配，如“金坷垃好處都有啥”可以替換為“金坷垃好處有啥捏”），點擊“生成”，在右側頁面即可看到生成的表情GIF圖片（圖6）。
          圖6 生成表情
          右擊生成的表情選擇“復制”，打開微信將其中的表情包粘貼并發送即可以開始斗圖。還可以點擊“添加到表情包”，將其收藏以備下次繼續使用（圖7）。
          圖7 在微信中使用
          動態表情輕松制作
          當然僅僅靠“為所欲為斗圖生成器”肯定無法滿足表情狂的需要，Toolzl的“視頻轉GIF工具”和“自定義GIF圖片”可以讓我們為所欲為制作更多的表情。比如很多網友都在使用某些影視作品搞笑片段作為表情，現在自己先準備需要截取的視頻，播放后記住需要截取的視頻片段的起始位置（如25秒開始）。接著切換到“開發工具/視頻轉GIF工具”,開始時間輸入“25”（即從25s處開始截?。?，截取時間輸入“10”（即截取10s時長，否則生成的圖片體積過大不方便在微信發送），寬和高依次輸入200和100（即200×100的分辨率）。最后點擊瀏覽上傳需要上述的視頻文件，這樣就會自動生成所需的表情圖片（圖8）。
          圖8 截取視頻為表情圖
          如果你截取的視頻沒有對話，或者需要自行添加對話文本，使用上述方法制作好表情圖片后，切換到“GIF斗圖”，在打開的頁面設置自己需要的尺寸和添加的文字，最后點擊“瀏覽”上傳上述截取到的表情圖片重新制作即可（圖9）。
          圖9 自定義表情
          當然了，Toolzl還內置許多非常實用的工具，大家可以收藏上述網址，這樣有需要的時候打開直接使用即可。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
一区二区精品在线观看|
亚洲午夜福利AV一区二区无码|
尤物精品视频一区二区三区
|
一区视频免费观看|
极品少妇伦理一区二区|
亚洲色精品VR一区区三区|
成人无码精品一区二区三区|
无码人妻品一区二区三区精99|
伊人色综合一区二区三区影院视频
|
久久精品免费一区二区|
国产在线精品一区二区高清不卡|
91精品国产一区二区三区左线|
插我一区二区在线观看|
国产一区二区三区在线电影|
九九无码人妻一区二区三区|
亚洲一区二区免费视频|
国产午夜福利精品一区二区三区|
三级韩国一区久久二区综合
|
日本丰满少妇一区二区三区|
亚洲天堂一区二区三区|
中字幕一区二区三区乱码|
中文字幕精品一区影音先锋|
久久福利一区二区|
精品人妻系列无码一区二区三区|
午夜影视日本亚洲欧洲精品一区
|
亚洲一区二区三区在线播放|
国产在线观看一区二区三区四区|
国产一区在线播放|
精品一区二区三区在线观看|
日本一区二区三区高清|
国产免费一区二区三区不卡|
91麻豆精品国产自产在线观看一区|
精品视频一区二区三区|
亚洲综合无码AV一区二区|
国产精品无码一区二区三级|
日韩电影一区二区三区|
无码人妻一区二区三区一|
国产伦精品一区二区三区女|
亚洲综合一区国产精品|
日韩一区二区精品观看|
人妻aⅴ无码一区二区三区|