VECTOR COOL 威得數位行銷 - 第 14 頁，總計 45 頁

Brackets 中文

Adobe Brackets 其實內建就有中文，裝完 Brackets 依據習慣會去偏好設定找語言選項，找不到，居然藏在功能表 Debug > Switch Language ，到底誰把它放在這個選單下的阿

[……]

Brackets UI 字太小，把字UI字放大比我想像中容易

Brackets 左邊選單的檔案名稱，我看到眼睛快瞎了，找不到配置選項，雖然說中央編輯區的文字，可以在功能表 除錯 > 偏好設定 中修改文字大小參數，但這參數不影響旁邊UI的文字，看得眼睛真的很累，本篇介紹如何修改Brackets左側選單

安裝 Resize Working Files 擴展

這個 Plugin 非常簡單，沒什麼特別功能，開始安裝上方功能表 檔案 > 擴充功能管理員

右上搜尋框搜尋「Resize Working Files」，安裝並啟用它

開啟「擴充功能資料夾」，功能表 說明 > 顯示擴充功能資料夾

修改UI樣式

選擇 user > resize-working-files 這個目錄

開啟 main.css

在 main.css 中加入下列代碼，沒錯，就是CSS ，一般前端工程師再熟悉不過了，試自己爽的程度調整，當然你也可以加顏色、字型等等。

您對CSS不太熟悉，就貼入下方代碼，

.sidebar *{
    /* can be any font-size that fits your eyes */
    font-size:19px !important; 
    font-family: arial,"微軟正黑體"
}

修改完畢後儲存檔案。

接著重新載入 Brackets ，功能表 除錯 > 重新載入並啟用擴充功能

字變大了，我眼睛有救了!!!!!

是不是比想像中簡單呢？

參考

Brackets API
http://brackets.io/docs/current/index.html

sidebar fontsize
https://github.com/adobe/brackets/issues/7783#issuecomment-230232392[……]

PHP 取 youtube 影片id

取得 youtube id

youtube 現在分享網址有好多種，

可能是這樣：

https://youtu.be/p_T3oNKjAT8

可能是這樣：

https://www.youtube.com/watch?v=p_T3oNKjAT8

不確定User會填入哪一種分享網址的情況下，下面這方法可以解析出這些類型的 youtube id

試試看：

<?php
/**
 * Get Youtube video ID from URL
 *
 * @param string $url
 * @return mixed Youtube video ID or FALSE if not found
 */
function getYoutubeIdFromUrl($url) {
    $parts = parse_url($url);
    if(isset($parts['query'])){
        parse_str($parts['query'], $qs);
        if(isset($qs['v'])){
            return $qs['v'];
        }else if(isset($qs['vi'])){
            return $qs['vi'];
        }
    }
    if(isset($parts['path'])){
        $path = explode('/', trim($parts['path'], '/'));
        return $path[count($path)-1];
    }
    return false;
}
// Test
$urls = array(
    'http://youtube.com/v/dQw4w9WgXcQ?feature=youtube_gdata_player',
    'http://youtube.com/vi/dQw4w9WgXcQ?feature=youtube_gdata_player',
    'http://youtube.com/?v=dQw4w9WgXcQ&feature=youtube_gdata_player',
    'http://www.youtube.com/watch?v=dQw4w9WgXcQ&feature=youtube_gdata_player',
    'http://youtube.com/?vi=dQw4w9WgXcQ&feature=youtube_gdata_player',
    'http://youtube.com/watch?v=dQw4w9WgXcQ&feature=youtube_gdata_player',
    'http://youtube.com/watch?vi=dQw4w9WgXcQ&feature=youtube_gdata_player',
    'http://youtu.be/dQw4w9WgXcQ?feature=youtube_gdata_player'
);
foreach($urls as $url){
    echo $url . ' : ' . getYoutubeIdFromUrl($url) . "\n";
}

[……]

jQuery javascript scroll to element

javascript 卷軸自動捲到某一元素

$('html, body').animate({
	scrollTop: ele.offset().top - 110 + 'px'
}, 1500 ,'easeInOutQuint');

[……]

百度手機驗證台灣已成功

百度有些服務是蠻好用的，由於中國實名化的政策，最近登入百度後系統要求驗證手機號碼，不管你用帳密輸入，WeChat掃碼登入都必須要驗證，驗證是小事，但表單卻限用中國手機，台灣手機驗證會失敗，連簡訊都發不出去，填國際碼+886也不行。卡關了!!

最後找到一個辦法可以成功，剛已經成功通過驗證

百度 Baidu

https://www.baidu.com/

直接從百度驗證是無法的，下面有個小技巧，透過登入百度網盤來驗證手機

百度網盤

https://pan.baidu.com/

可以用掃碼登入，也可以按紅框處用帳號密碼登入

輸入完帳密，按登入，登入後會跳出驗證訊息框

太感人了，國際碼的選項出現了

下拉選單選+886，把手機及驗證碼填一填，發送手機簡訊驗證碼

驗證完成後，再登入百度，成功：)

這小漏洞不知道還有多久可用，要驗證的就趕快優：)[……]

CodeIgniter index.php 除去

也不知道為什麼網址列多了一個 index.php

http://127.0.0.1/fastshop.com.tw.ci/index.php/admin/home

這是官方的方法

修改 .htaccess ，但對我沒效
https://codeigniter.org.tw/userguide3/general/urls.html#index-php

修改設定檔

修改設定文件 application/config/config.php

修改這行

$config['index_page'] = 'index.php';

改為

$config['index_page'] = '';

有遇到這問題的朋友，兩種方法不坊都試試

[……]

CodeIgniter Fix Fatal error: session_start(): Failed to initialize storage module: user (path: )

Fatal error: session_start(): Failed to initialize storage module: user (path: )

解決方法1：

開啟CodeIgniter設定檔，預設再 application/config/config.php

把：

改成：

解決方法2：

改用 DB session ，必須先連接資料庫，起設定好資料庫連線資訊

開啟CodeIgniter設定檔，預設再 application/config/config.php

把

改成

匯入資料表

[……]

Fix An invalid form control with name=’…’ is not focusable

今天在開發一個表單程式，表單一直無法發送，開始來找問題，開啟 Chrome 開發者工具，在 Console 面板中，每送出一次表單，就會出現一個這個訊息：

An invalid form control with name=’…’ is not focusable

原因是 Chrome 阻止設定為 required 的欄位隱藏

也對拉!! 必填欄位又隱藏起來，怎麼填？表單送出前會做一個簡單的表單驗證

這樣也不行：

<input type="text" style="display:none" required>

這樣當然也不行：

<input type="text" id="example" required>
<script>
	$('#example').hide();
</script>

這樣可以：

大概是原本就是隱藏欄位了，所以沒有特別去驗證

<input type="hidden" required>

解決方法：

開發者會去隱藏欄位當然是有原因的，有時候會因為條件判斷而顯示不同輸入欄位，例如：居住地下拉選單，但使用者可能住於國外，所以表單設計在下拉選單尾端加一個”海外”的選項，選擇了海外，就出現一個自行輸入的文字欄位，像這樣的需求其實蠻常見的，這些輸入欄位通常都只是隱藏起來，依照判斷來顯示，這種欄位當然有可能顯示出來就是必填，下方介紹幾個解決方法來解決這個問題。

novalidate

在 form 屬性加上 novalidate，關閉預設的表單驗證，表單內的所有欄位都不會進行驗證，除非有其他方式進行表單驗證，不然不建議這麼做。

<form novalidate>
    <input type="text" id="example" style="display:none" required>
    <input type="submit" value="submit">
</form>

jQuery prop(‘required’,true)

在顯示的時候，再加上 required，如此，不管隱藏的文字欄位顯示與否，表單都可以正確送出，文字欄位顯示時，就必須填寫。

<form>
    <input type="text" id="example" style="display:none">
    <input type="submit" value="submit">
</form>
<hr>
<input type="button" id="show" value="show">
<script>
$('#show').click(function(e){
	$('#example').css('display','block').prop('required',true);;
});
</script>

這是一個簡單的提示，實務上的做法就看大家如何發揮創意了

[……]

Fix Google reCaptcha invalid-json error

使用 Google reCaptcha 驗證碼進行後端驗證，拋出 invalid-json 錯誤，分享解決這問題的方法：

解決方法：

開啟檢查 PHP.ini 設定，搜尋「allow_url_fopen」，若值不是 On 請改成 On 開啟它，如下：

allow_url_fopen = On

接著搜尋「extension=php_openssl.dll」，確認是否開啟，前方有分號「;」代表沒開啟

;extension=php_openssl.dll

將前方的分號「;」移除，如下：

extension=php_openssl.dll

重新啟動 SERVER

[……]

Warning: file_get_contents(): Unable to find the wrapper “https” …

解決錯誤訊息：

Warning: file_get_contents(): Unable to find the wrapper “https” – did you forget to enable it when you configured PHP?

解決方法：

需要開啟 php php_openssl 的這個 extension
開啟 php.ini，搜尋:「extension=php_openssl.dll」

;extension=php_openssl.dll

將前方的分號「;」移除

extension=php_openssl.dll

重新啟動 SERVER[……]