Gmail nie czyta zewnętrznych plików css

Gmail nie odczytuje zewnętrznych plików CSS z maili napisanych w HTML - usuwa wszystko co jest przed i po treści wiadomości. Poniższy kod nie zadziała:

    

        

            
Kontakt:
            
Telefon: {{ jednostka.tel1 }}
            
Email: {{ msg.odkogo }}
        
        

    

Zadziała za to kod, w którym cssy umieszczamy od razu w stylach:

    

        

            
Kontakt:
            
Telefon: {{ jednostka.tel1 }}
            
Email: {{ msg.odkogo }}
        
        

    

Konwertowania kodu HTML i CSS (automatycznego wrzucania do styli) można dokonać np. tutaj.

Debuggowanie aplikacji webowych za pomocą Xdebug i PhpStorm

PhpStorm umożliwia debuggowanie kodu, który wyświetlany jest aktualnie przez przeglądarkę internetową. Aby móc cieszyć się tym dobrodziejstwem musimy przejść kilka kroków opisanych poniżej (instrukcja dla dystrybucji linuksa Ubuntu/Mint).

Instalacja Xdebug

sudo apt-get install php5-xdebug

Do php.ini dodajemy:

zend_extension="/usr/lib/php5/20121212/xdebug.so"
xdebug.remote_enable=1
xdebug.remote_handler=dbgp 
xdebug.remote_mode=req
xdebug.remote_host=127.0.0.1 
xdebug.remote_port=9000
xdebug.max_nesting_level=300

Restartujemy Apache'a:

sudo service apache2 restart

Utworzenie przycisków odpalających debuggera

Aby uruchomić i zatrzymać debuggera w przeglądarce trzeba podać jej specjalne parametry. Można to zrobić ręcznie lub utworzyć sobie do tego odpowiednie przyciski - np. na pasku zakładek (ja używam właśnie takiego rozwiązania). Pod adresem https://www.jetbrains.com/phpstorm/marklets/ można wygenerować potrzebny kod. 

Start debugger:

javascript:(/** @version 0.5.2 */function() {document.cookie='XDEBUG_SESSION='+'PHPSTORM'+';path=/;';})()

Stop debugger:

javascript:(/** @version 0.5.2 */function() {document.cookie='XDEBUG_SESSION='+''+';expires=Mon, 05 Jul 2000 00:00:00 GMT;path=/;';})()

Uruchomienie debuggera

W przeglądarce uruchamiamy debuggera (np. przyciskiem start debugger), przechodzimy do PhpStorma i tam również włączamy debuggowanie (po wcześniejszym ustawieniu breakpointów oczywiście). Wracamy do przeglądarki, uruchamiamy badaną aplikację PHP i po napotkaniu breakpointa powinno nas przenieść automatycznie do PhpStorma w zaznaczone miejsce.

Więcej na ten temat znaleźć można tutaj.

Utworzenie lokalnej domeny przy użyciu Apache2 i Virtual Hosts

Aby utworzyć lokalną domenę (np. http://test.lh), która zastąpiłaby adres http://localhost/test/ wystarczy kilka prostych ruchów:

• Tworzymy katalog test w katalogu /var/www/html/
• Tworzymy plik index.html w katalogu test
• Dajemy uprawnienia 0775 dla katalogu test
• W pliku index.html wpisujemy hello world!
• Tworzymy plik test_lh.conf w katalogu /etc/apache2/sites-available/
• W pliku test_lh.conf wpisujemy:
  

  
    ServerAdmin marcin.zaremba@gmail.com
    ServerName test.lh
    ServerAlias *.test.lh
    DocumentRoot /var/www/html/test
    ErrorLog /var/log/apache2/test_error.log
    CustomLog /var/log/apache2/test_access.log combined
    
      # enable the .htaccess rewrites
      AllowOverride All
      Allow from All
      Require all granted
    
  
  

  Uwaga! Zamiast id="/var/www/html/test" piszemy po prostu /var/www/html/test.
  
• W katalogu /etc/apache2/sites-enabled/ tworzymy link symboliczny do /etc/apache2/sites-available/test_lh.conf
  

  ln -s /etc/apache2/sites-available/test_lh.conf /etc/apache2/sites-enabled/test_lh.conf

• W pliku /etc/hosts dodajemy linijkę 127.0.0.1 test.lh
• Uruchamiamy przeglądarkę, wpisujemy w pasek adresy test.lh i cieszymy się z napisu hello world!

Skrypt do tworzenia lokalnej domeny

Na githubie umieściłem skrypt, który wykonuje wszystkie opisane ruchy w sposób automatyczny. Wystarczy wpisać w konsoli:

sudo ./addLocalHost.sh test

a wszystkie wyżej opisane kroki wykonają się za nas i będziemy mogli cieszyć się nową lokalną domeną test.lh.

Poniżej przedstawiam kod, który wykonuje to zadanie:

	#!/bin/bash
	# ------------------------------------------------------------------------------------
	# USE AT YOUR OWN RISK. Tested on Linux Mint 17.1 with apache2.
	# CHECK COMMENTS BEFORE RUNNING
	#
	# This script creates localhost website folder and adds virtual domain with sufix .lh
	# eg. "sudo ./addLocalHost.sh test" will create test.lh local domain
	#
	# Before run this script please view config.sh and check variables!
	# ------------------------------------------------------------------------------------
	# read config file
	source config.sh
	# check if is set website variable
	website="$@"
	if [ -z "$website" ]; then
	echo "Please add website name - eg. test"
	echo " "
	exit
	fi
	# set paths
	pathToWebsiteDirectory=${htdocs}${website}
	pathToIndex="${htdocs}${website}/index.html"
	# virtual host lines; check the logs paths!
	virtHost="
	<VirtualHost *:80>
	ServerAdmin ${user_mail}
	ServerName ${website}.lh
	ServerAlias *.${website}.lh
	DocumentRoot ${htdocs}${website}
	ErrorLog /var/log/apache2/${website}_error.log
	CustomLog /var/log/apache2/${website}_access.log combined
	<Directory ${htdocs}${website}>
	# enable the .htaccess rewrites
	AllowOverride All
	Allow from All
	Require all granted
	</Directory>
	</VirtualHost>"
	# create directory
	echo "Create directory ${pathToWebsiteDirectory}"
	mkdir ${pathToWebsiteDirectory}
	# make index.html
	echo "Create index.html: ${pathToWebsiteDirectory}"
	touch ${pathToIndex}
	# change permissions and owner
	echo "Change permissions (0775) and owner ${user}:${user} to ${pathToWebsiteDirectory}"
	chmod -R 0775 ${pathToWebsiteDirectory}
	chown ${user}:${user} ${pathToWebsiteDirectory}
	# add hello world to index.html
	echo "Add hello ${website}! to ${pathToIndex}"
	echo "hello ${website}!" >> ${pathToIndex}
	# add virtualhost
	echo "Add virtalhost config to apache sites-available and sites-enabled"
	pathToWebsiteConf=${apacheSitesAvailablePath}${website}_lh.conf
	touch ${pathToWebsiteConf}
	echo "${virtHost}" >> ${pathToWebsiteConf}
	ln -s ${pathToWebsiteConf} ${apacheSitesEnabledPath}${website}_lh.conf
	# add host into hosts
	echo "Add host into hosts file (${hostsPath})"
	echo "127.0.0.1 ${website}.lh" >> ${hostsPath}
	# restart apache
	echo "Restart apache2"
	service apache2 restart

view raw addLocalHost.sh hosted with ❤ by GitHub

	#!/bin/bash
	user="marcinos"
	user_mail="marcin.zaremba@gmail.com"
	apacheSitesAvailablePath="/etc/apache2/sites-available/"
	apacheSitesEnabledPath="/etc/apache2/sites-enabled/"
	hostsPath="/etc/hosts"
	htdocs="/var/www/html/"

view raw config.sh hosted with ❤ by GitHub